webpackJsonp([6107086138912],{516:function(n,t){n.exports={pathContext:{frontmatter:{path:"docs/align-items",hasPlayground:!0,initialPlayground:null,redirect:null},html:'<h2>Align Items</h2>\n<p>Align items describes how to align children along the cross axis of their container.\nAlign items is very similar to <a href="justify-content"><code>justify content</code></a> but instead of\napplying to the main axis, <code>align items</code> applies to the cross axis.</p>\n<p><strong>STRETCH (DEFAULT)</strong> Stretch children of a container to match the <code>height</code> of the container\'s cross axis.</p>\n<p><strong>FLEX START</strong> Align children of a container to the start of the container\'s cross axis.</p>\n<p><strong>FLEX END</strong> Align children of a container to the end of the container\'s cross axis.</p>\n<p><strong>CENTER</strong> Align children of a container in the center of the container\'s cross axis.</p>\n<p><controls prop="alignItems"></controls></p>\n<h2>Align Self</h2>\n<p>Align self has the same options and effect as <code>align items</code> but instead of\naffecting the children within a container, you can apply this property to\na single child to change its alignment within its parent. <code>align self</code>\noverrides any option set by the parent with <code>align items</code>.</p>\n<p><controls prop="alignSelf"></controls></p>'}}}});
//# sourceMappingURL=path---docs-align-items-0b24d8d8638bd04a73d8.js.map