← Back to release summary

Update behavior of CSS Grid Layout percentage row tracks and gutters

Category
CSS
Type
New or changed feature
Status
Enabled by default (Chrome 70)
Intent stage
None

Summary

This updates the behavior of percentage row tracks and gutters in grid containers with indefinite heights. Previously, these were behaving similarly to percentage heights in regular blocks, but the CSS WG has resolved to make them behave the same as for columns, making them symmetric. Percentages are now ignored when computing intrinsic height and resolved afterwards against that height. That way both column and row axes will have symmetric behavior to resolve percentages tracks and gutters.

Standards & signals

Docs: https://blogs.igalia.com/mrego/2018/08/10/changes-on-css-grid-layout-in-percentages-and-indefinite-height/

Samples: https://codepen.io/mrego/pen/jpMeKM https://codepen.io/mrego/pen/KBgGWz

View on chromestatus.com