May 2022
Intermediate to advanced
104 pages
2h 24m
English
In CSS, various properties may be applied conditionally based on the width of the screen. These conditions are managed with the @media tag. The specific screen widths at which the design changes are often called breakpoints. In Tailwind, you can put a responsive modifier on any Tailwind utility to specify the minimum screen width where that utility should be applied.
Tailwind’s responsive behavior is a little different than you might be used to from other frameworks. Some important behaviors to note include:
Any responsive modifier causes the utility to take effect at the specified screen width or any larger screen width.
Tailwind utilities define a minimum width to take effect but not a maximum width. ...
Read now
Unlock full access