Changes to the Grid Spec and taking on Multi-Column layout | Responsive Web Design

Changes to the Grid Spec and taking on Multi-Column layout

The properties for defining the grid gap is going to be changed and will be dropping the prefix ‘grid-‘ and just have column-gap, row-gap and gap. This is great because it provides the ability to extend the declarations to things like Flexbox. Rachel is also taking over the multi-column spec, something which is desperately missing in CSS layouts.

CSS Grid on Can I use as of July 2017

The resolution for the original issue is that the grid shorthand will be changed to not reset these properties. Furthermore, the gap properties were discussed and it was resolved to undo the original resolution that made specific grid-gap properties (grid-column-gapgrid-row-gap and grid-gap) in favour of column-gaprow-gap and a gapshorthand. There is an issue raised here 1696 although the actual resolution is detailed in the discussion of 1036 above.

An excerpt from Changes to the Grid Spec and taking on Multi-Column layout

View original article

Subscribe to our Newsletter

Add your email address and receive an email every Friday covering off everything worth knowing about building your websites responsively.