Next.js Discord

Discord Forum

responsiveness in tailwind css (media queries)

Answered
anisvxq posted this in #help-forum
Open in Discord
hi
Answered by B33fb0n3
you can directly use these. For example when you want to limit the screen to a max width of the screen for md you can use the class max-width-screen-md. That also exists for lg, sm, ...

If you only want specific classes for a screen width, you can use the md: or lg: or whatever and apply the specific class after it
View full answer

5 Replies

@B33fb0n3
so how does min-width and max-width in sm, lg, md works in tailwind css? whats the classname for mobile-screens?
@anisvxq so how does min-width and max-width in sm, lg, md works in tailwind css? whats the classname for mobile-screens?
you can directly use these. For example when you want to limit the screen to a max width of the screen for md you can use the class max-width-screen-md. That also exists for lg, sm, ...

If you only want specific classes for a screen width, you can use the md: or lg: or whatever and apply the specific class after it
Answer
@joulev