{
    "componentChunkName": "component---content-foundations-css-utilities-grid-mdx",
    "path": "/foundations/css-utilities/grid",
    "result": {"pageContext":{"editUrl":"https://github.com/primer/design/edit/main/content/foundations/css-utilities/grid.mdx","contributors":[{"login":"simurai","latestCommit":{"date":"2023-02-01T01:28:29Z","url":"https://github.com/primer/design/commit/5010ff7963eba65ce6d529108d66551f992a4aa7"}}],"tableOfContents":{"items":[{"url":"#flexbox-grids","title":"Flexbox grids"},{"url":"#float-based-grid","title":"Float based grid"},{"url":"#nesting","title":"Nesting"},{"url":"#centering-a-column","title":"Centering a column"},{"url":"#column-widths","title":"Column widths"},{"url":"#offset-columns","title":"Offset columns"},{"url":"#gutters","title":"Gutters"},{"url":"#inline-block-grids","title":"Inline-block grids"},{"url":"#display-table-grids","title":"Display table grids"},{"url":"#responsive-grids","title":"Responsive grids"},{"url":"#containers","title":"Containers"}]},"frontmatter":{"title":"Grid","description":"The grid is 12 columns and percentage-based. The number of columns a container spans can be adjusted across breakpoints for responsive layouts. The grid system works with a variety of layout utilities to achieve different results."}}},
    "staticQueryHashes": ["2468112454","2790671566","3907230164"]}