<?xml version="1.0" encoding="UTF-8"?>
<feature id="flexbox"><name>Flexbox</name><description>Flexbox is a one-dimensional layout system, which places content either horizontally or vertically, with optional wrapping.</description><group>flexbox</group><group_name>Flexbox</group_name><baseline><status>widely</status><low_date>2015-09-30</low_date><high_date>2018-03-30</high_date></baseline><support><browser name="chrome" version="29" supported="true"></browser><browser name="firefox" version="20" supported="true"></browser><browser name="safari" version="9" supported="true"></browser><browser name="edge" version="12" supported="true"></browser><browser name="chrome_android" version="29" supported="true"></browser><browser name="firefox_android" version="20" supported="true"></browser><browser name="safari_ios" version="9" supported="true"></browser></support><specifications><spec>https://drafts.csswg.org/css-flexbox-1/</spec></specifications><caniuse><id>flexbox</id></caniuse><mdn_url>https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/flex</mdn_url><compat_features><key>css.properties.align-content</key><key>css.properties.align-content.flex_context</key><key>css.properties.align-content.flex_context.baseline</key><key>css.properties.align-content.flex_context.first_baseline</key><key>css.properties.align-content.flex_context.last_baseline</key><key>css.properties.align-content.flex_context.safe_unsafe</key><key>css.properties.align-content.flex_context.space-evenly</key><key>css.properties.align-content.flex_context.start_end</key><key>css.properties.align-content.flex_context.stretch</key><key>css.properties.align-content.normal</key><key>css.properties.align-items</key><key>css.properties.align-items.flex_context</key><key>css.properties.align-items.flex_context.baseline</key><key>css.properties.align-items.flex_context.first_baseline</key><key>css.properties.align-items.flex_context.last_baseline</key><key>css.properties.align-items.flex_context.safe_unsafe</key><key>css.properties.align-items.flex_context.start_end</key><key>css.properties.align-self</key><key>css.properties.align-self.auto</key><key>css.properties.align-self.flex_context</key><key>css.properties.align-self.flex_context.baseline</key><key>css.properties.align-self.flex_context.first_baseline</key><key>css.properties.align-self.flex_context.last_baseline</key><key>css.properties.align-self.flex_context.safe_unsafe</key><key>css.properties.align-self.flex_context.start_end</key><key>css.properties.align-self.flex_context.stretch</key><key>css.properties.align-self.normal</key><key>css.properties.align-self.stretch</key><key>css.properties.display.flex</key><key>css.properties.display.inline-flex</key><key>css.properties.flex</key><key>css.properties.flex-basis</key><key>css.properties.flex-basis.auto</key><key>css.properties.flex-basis.content</key><key>css.properties.flex-basis.fit-content</key><key>css.properties.flex-basis.max-content</key><key>css.properties.flex-basis.min-content</key><key>css.properties.flex-direction</key><key>css.properties.flex-direction.column</key><key>css.properties.flex-direction.column-reverse</key><key>css.properties.flex-direction.row</key><key>css.properties.flex-direction.row-reverse</key><key>css.properties.flex-flow</key><key>css.properties.flex-grow</key><key>css.properties.flex-grow.less_than_zero_animate</key><key>css.properties.flex-shrink</key><key>css.properties.flex-wrap</key><key>css.properties.flex-wrap.nowrap</key><key>css.properties.flex-wrap.wrap</key><key>css.properties.flex-wrap.wrap-reverse</key><key>css.properties.flex.none</key><key>css.properties.justify-content</key><key>css.properties.justify-content.flex_context</key><key>css.properties.justify-content.flex_context.left_right</key><key>css.properties.justify-content.flex_context.safe_unsafe</key><key>css.properties.justify-content.flex_context.space-evenly</key><key>css.properties.justify-content.flex_context.start_end</key><key>css.properties.justify-content.flex_context.stretch</key><key>css.properties.justify-content.left</key><key>css.properties.justify-content.normal</key><key>css.properties.justify-content.right</key><key>css.properties.justify-items</key><key>css.properties.justify-items.center</key><key>css.properties.justify-items.flex_context</key><key>css.properties.justify-items.left</key><key>css.properties.justify-items.legacy</key><key>css.properties.justify-items.right</key><key>css.properties.order</key><key>css.properties.place-content</key><key>css.properties.place-content.flex_context</key><key>css.properties.place-items</key><key>css.properties.place-items.flex_context</key><key>css.properties.place-self</key><key>css.properties.place-self.flex_context</key><key>css.properties.position.absolutely_positioned_flex_children</key></compat_features><canonical_url>https://nowyoucanuse.com/features--flexbox.html</canonical_url></feature>