<?xml version="1.0" encoding="UTF-8"?>
<feature id="grid"><name>Grid</name><description>CSS grid is a two-dimensional layout system, which lays content out in rows and columns.</description><group>grid</group><group_name>Grid</group_name><baseline><status>widely</status><low_date>2017-10-17</low_date><high_date>2020-04-17</high_date></baseline><support><browser name="chrome" version="57" supported="true"></browser><browser name="firefox" version="52" supported="true"></browser><browser name="safari" version="10.1" supported="true"></browser><browser name="edge" version="16" supported="true"></browser><browser name="chrome_android" version="57" supported="true"></browser><browser name="firefox_android" version="52" supported="true"></browser><browser name="safari_ios" version="10.3" supported="true"></browser></support><specifications><spec>https://drafts.csswg.org/css-grid-3/</spec></specifications><caniuse><id>css-grid</id></caniuse><mdn_url>https://developer.mozilla.org/docs/Web/CSS/Reference/Values/flex_value</mdn_url><compat_features><key>css.properties.align-content.grid_context</key><key>css.properties.align-items.grid_context</key><key>css.properties.align-items.grid_context.start_end</key><key>css.properties.align-self.grid_context</key><key>css.properties.column-gap.grid_context</key><key>css.properties.display.grid</key><key>css.properties.display.inline-grid</key><key>css.properties.gap</key><key>css.properties.gap.grid_context</key><key>css.properties.gap.grid_context.calc_values</key><key>css.properties.gap.grid_context.percentage_values</key><key>css.properties.gap.normal</key><key>css.properties.grid</key><key>css.properties.grid-area</key><key>css.properties.grid-auto-columns</key><key>css.properties.grid-auto-flow</key><key>css.properties.grid-auto-flow.column</key><key>css.properties.grid-auto-flow.dense</key><key>css.properties.grid-auto-flow.row</key><key>css.properties.grid-auto-rows</key><key>css.properties.grid-column</key><key>css.properties.grid-column-end</key><key>css.properties.grid-column-start</key><key>css.properties.grid-row</key><key>css.properties.grid-row-end</key><key>css.properties.grid-row-start</key><key>css.properties.grid-template</key><key>css.properties.grid-template-areas</key><key>css.properties.grid-template-areas.none</key><key>css.properties.grid-template-columns</key><key>css.properties.grid-template-columns.auto</key><key>css.properties.grid-template-columns.fit-content</key><key>css.properties.grid-template-columns.max-content</key><key>css.properties.grid-template-columns.min-content</key><key>css.properties.grid-template-columns.minmax</key><key>css.properties.grid-template-columns.none</key><key>css.properties.grid-template-columns.repeat</key><key>css.properties.grid-template-rows</key><key>css.properties.grid-template-rows.auto</key><key>css.properties.grid-template-rows.fit-content</key><key>css.properties.grid-template-rows.max-content</key><key>css.properties.grid-template-rows.min-content</key><key>css.properties.grid-template-rows.minmax</key><key>css.properties.grid-template-rows.none</key><key>css.properties.grid-template-rows.repeat</key><key>css.properties.grid-template.none</key><key>css.properties.justify-content.grid_context</key><key>css.properties.justify-items.grid_context</key><key>css.properties.justify-self</key><key>css.properties.justify-self.auto</key><key>css.properties.justify-self.grid_context</key><key>css.properties.justify-self.left</key><key>css.properties.justify-self.normal</key><key>css.properties.justify-self.right</key><key>css.properties.justify-self.stretch</key><key>css.properties.place-content.grid_context</key><key>css.properties.place-items.grid_context</key><key>css.properties.place-self.grid_context</key><key>css.properties.row-gap</key><key>css.properties.row-gap.grid_context</key><key>css.properties.row-gap.normal</key><key>css.types.flex</key></compat_features><canonical_url>https://nowyoucanuse.com/features--grid.html</canonical_url></feature>