{
    "componentChunkName": "component---content-foundations-css-utilities-flexbox-mdx",
    "path": "/foundations/css-utilities/flexbox",
    "result": {"pageContext":{"editUrl":"https://github.com/primer/design/edit/main/content/foundations/css-utilities/flexbox.mdx","contributors":[{"login":"simurai","latestCommit":{"date":"2023-02-22T22:58:53Z","url":"https://github.com/primer/design/commit/0c0246ea55836cb4d3e6583a884cc38ee3d26d9f"}}],"tableOfContents":{"items":[{"url":"#required-reading","title":"Required reading"},{"url":"#flex-container","title":"Flex container"},{"url":"#flex-direction","title":"Flex direction"},{"url":"#flex-wrap","title":"Flex wrap"},{"url":"#justify-content","title":"Justify content"},{"url":"#align-items","title":"Align items"},{"url":"#align-content","title":"Align content"},{"url":"#flex","title":"Flex"},{"url":"#align-self","title":"Align self"},{"url":"#order","title":"Order"},{"url":"#responsive-flex-utilities","title":"Responsive flex utilities"},{"url":"#example-components","title":"Example components"},{"url":"#flexbox-bugs","title":"Flexbox bugs"}]},"frontmatter":{"title":"Flexbox","description":"Flex utilities can be used to apply flexbox behaviors to elements by using utility classes."}}},
    "staticQueryHashes": ["2468112454","2790671566","3907230164"]}