Grids
One of the great innovations of the first round of CSS frameworks was support for a grid layout where you could easily place things on a 12-column grid. The existence of grid spacing made page layout much easier. Over time, the frameworks became even more flexible and eventually grid support was built directly into CSS.
Grids are still great for a lot of layout choices, and Tailwind offers useful utilities for setting up a grid layout using the CSS grid properties. First, thereâs grid, which is a utility for the CSS property, display: grid. You need the grid utility as part of the class list at the top level of your grid, above the individual elements of the grid.
Once youâve created a grid element, you can use Tailwind to specify the ...
Get Modern CSS with Tailwind, 2nd Edition now with the O’Reilly learning platform.
O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.