@tailwind base;
@tailwind components;

.inline-block {
    display: inline-block
}
.grid-rows-3 {
    grid-template-rows: repeat(3, minmax(0, 1fr));
}

.grid-rows-2 {
    grid-template-rows: repeat(2, minmax(0, 1fr));
}

@media (min-width: 640px) {
    .sm\:inline-block {
        display: inline-block
    }
    .sm\:hidden {
        display: none
    }
}

@media (min-width: 768px) {
    .md\:inline-block {
        display: inline-block
    }
    .md\:hidden {
        display: none
    }

    .md\:grid-rows-3 {
        grid-template-rows: repeat(3, minmax(0, 1fr));
    }

    .md\:grid-rows-2 {
        grid-template-rows: repeat(2, minmax(0, 1fr));
    }
}
@media (min-width: 1024px) {
    .lg\:hidden {
        display:none
    }
}