Skip to Main Content
Modern CSS with Tailwind, 2nd Edition
book

Modern CSS with Tailwind, 2nd Edition

by Noel Rappin
May 2022
Intermediate to advanced content levelIntermediate to advanced
104 pages
2h 24m
English
Pragmatic Bookshelf
Content preview from Modern CSS with Tailwind, 2nd Edition

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 number ...

Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.
Start your free trial

You might also like

Tailwind CSS

Tailwind CSS

Ivaylo Gerchev
CSS in Depth

CSS in Depth

Keith Grant
Tiny CSS Projects

Tiny CSS Projects

Michael Gearon, Martine Dowden

Publisher Resources

ISBN: 9781680509892Errata Page