Complex layouts are within reach with CSS

Jared Spool

January 22nd, 2018

What is so phenomenal about CSS Grid is that it can do natively what developers had to achieve in the past through hacks, table layouts, and floats. CSS Modules now available—Flexbox, CSS Grid Layout, and Box Alignment—are changing layout on the web. Why? Because designers have the flexibility to create and explore layouts they were previously unable to do, and developers can realize that work natively in CSS without having to use extra markup or hacks.

With CSS Grid, we can control columns and rows. Flexbox simplifies how we lay out columns on a grid. Box Alignment allows us to apply the features of Flexbox to other layouts. It’s an exciting time for designers and developers, and as the major browsers roll out support for it in 2018, it’s time to get ready.

Join Rachel Andrew at the 2018 UXI Conference in her workshop Pushing the Boundaries of Web layout with CSS Grid and explore the possibilities of CSS grid layouts, advanced grid layouts, and design for inclusive accessibility.

Add a Comment