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

Flexbox

Flexbox is a different way to arrange multiple related elements. Where a grid is designed as a two-dimensional layout, a flexbox layout is one-dimensional, placing items one after another in a row or column.

I realize that sounds less useful than a full grid.

But flexbox is likely to be more useful to you than a grid layout for three reasons:

  • A flexbox container has better controls for dynamically managing the size of elements.

  • Although a flexbox container is conceptually a single row, it can be made to automatically wrap its contents on the screen when the contents get too wide.

  • Flexbox containers can be nested, meaning you can start with a flexbox row, but elements inside that row could themselves be flexbox columns, which in turn could ...

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