CSS Grid Layout Overhaul

By fantasai (Permalink)

Categories: publications

The CSS Working Group has published an updated Working Draft of CSS Grid Layout. This CSS module defines a two-dimensional grid-based layout system optimized for user interface design.

This is a major update: not only has the draft generally been reorganized and much of the prose rewritten to fill in missing details, avoid repetition, improve precision and terminology, and ensure alignment with Flexbox, but it’s switched to a new positioning model. The old grid layout model uses properties to indicate the starting row/column and the item’s span. The new grid layout model positions each edge of the item to a grid line.

There are tons of issues marked in the draft, such as:

What to do by default with items that aren’t positioned?

Best way to indicate that the contents of an element should align the parent grid?

Better names for various properties?

Better syntax for defining the size of the rows/columns?

We’re totally looking for feedback, particularly on syntax issues, so please send comments to the (archived) public mailing list www-style@w3.org with the spec code ( [css-grid-layout] ) and your comment topic in the subject line. (Alternatively, you can email one of the editors and ask them to forward your comment.)

Comments have also been enabled on the cross-post over at CSS3.info. We strongly encourage feedback and suggestions for improvement from the design community!

« Previous article Next article »