{
    "align-content-property": [
        {
            "engines": [
                "blink",
                "gecko",
                "webkit"
            ],
            "filename": "css/properties/align-content.json",
            "name": "align-content",
            "slug": "CSS/align-content",
            "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/align-content",
            "summary": "The CSS align-content property sets the distribution of space between and around content items along a flexbox's cross-axis or a grid's block axis.",
            "support": {
                "chrome": [
                    {
                        "version_added": "29"
                    },
                    {
                        "prefix": "-webkit-",
                        "version_added": "21"
                    }
                ],
                "chrome_android": "mirror",
                "edge": {
                    "version_added": "12"
                },
                "firefox": [
                    {
                        "version_added": "28"
                    },
                    {
                        "prefix": "-webkit-",
                        "version_added": "49"
                    }
                ],
                "firefox_android": "mirror",
                "ie": {
                    "version_added": "11"
                },
                "oculus": "mirror",
                "opera": "mirror",
                "opera_android": "mirror",
                "safari": [
                    {
                        "version_added": "9"
                    },
                    {
                        "prefix": "-webkit-",
                        "version_added": "7"
                    }
                ],
                "safari_ios": "mirror",
                "samsunginternet_android": "mirror",
                "webview_android": [
                    {
                        "version_added": "4.4"
                    },
                    {
                        "prefix": "-webkit-",
                        "version_added": "37"
                    }
                ],
                "edge_blink": [
                    {
                        "version_added": "79"
                    },
                    {
                        "prefix": "-webkit-",
                        "version_added": "79"
                    }
                ]
            },
            "title": "align-content"
        }
    ],
    "align-items-property": [
        {
            "engines": [
                "blink",
                "gecko",
                "webkit"
            ],
            "filename": "css/properties/align-items.json",
            "name": "align-items",
            "slug": "CSS/align-items",
            "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/align-items",
            "summary": "The CSS align-items property sets the align-self value on all direct children as a group. In Flexbox, it controls the alignment of items on the Cross Axis. In Grid Layout, it controls the alignment of items on the Block Axis within their grid area.",
            "support": {
                "chrome": [
                    {
                        "version_added": "29"
                    },
                    {
                        "prefix": "-webkit-",
                        "version_added": "21"
                    }
                ],
                "chrome_android": "mirror",
                "edge": {
                    "version_added": "12"
                },
                "firefox": [
                    {
                        "version_added": "20"
                    },
                    {
                        "prefix": "-webkit-",
                        "version_added": "49"
                    }
                ],
                "firefox_android": "mirror",
                "ie": {
                    "version_added": "11"
                },
                "oculus": "mirror",
                "opera": "mirror",
                "opera_android": "mirror",
                "safari": [
                    {
                        "version_added": "9"
                    },
                    {
                        "prefix": "-webkit-",
                        "version_added": "7"
                    }
                ],
                "safari_ios": "mirror",
                "samsunginternet_android": "mirror",
                "webview_android": "mirror",
                "edge_blink": [
                    {
                        "version_added": "79"
                    },
                    {
                        "prefix": "-webkit-",
                        "version_added": "79"
                    }
                ]
            },
            "title": "align-items"
        },
        {
            "engines": [
                "blink",
                "gecko",
                "webkit"
            ],
            "filename": "css/properties/align-self.json",
            "name": "align-self",
            "slug": "CSS/align-self",
            "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/align-self",
            "summary": "The align-self CSS property overrides a grid or flex item's align-items value. In Grid, it aligns the item inside the grid area. In Flexbox, it aligns the item on the cross axis.",
            "support": {
                "chrome": [
                    {
                        "version_added": "29"
                    },
                    {
                        "prefix": "-webkit-",
                        "version_added": "21"
                    }
                ],
                "chrome_android": "mirror",
                "edge": {
                    "version_added": "12"
                },
                "firefox": [
                    {
                        "version_added": "20"
                    },
                    {
                        "prefix": "-webkit-",
                        "version_added": "49"
                    }
                ],
                "firefox_android": "mirror",
                "ie": {
                    "version_added": "10"
                },
                "oculus": "mirror",
                "opera": {
                    "version_added": "12.1"
                },
                "opera_android": {
                    "version_added": "12.1"
                },
                "safari": [
                    {
                        "version_added": "9"
                    },
                    {
                        "prefix": "-webkit-",
                        "version_added": "7"
                    }
                ],
                "safari_ios": "mirror",
                "samsunginternet_android": "mirror",
                "webview_android": "mirror",
                "edge_blink": [
                    {
                        "version_added": "79"
                    },
                    {
                        "prefix": "-webkit-",
                        "version_added": "79"
                    }
                ]
            },
            "title": "align-self"
        }
    ],
    "flex-basis-property": [
        {
            "engines": [
                "blink",
                "gecko",
                "webkit"
            ],
            "filename": "css/properties/flex-basis.json",
            "name": "flex-basis",
            "slug": "CSS/flex-basis",
            "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/flex-basis",
            "summary": "The flex-basis CSS property sets the initial main size of a flex item. It sets the size of the content box unless otherwise set with box-sizing.",
            "support": {
                "chrome": [
                    {
                        "version_added": "29"
                    },
                    {
                        "prefix": "-webkit-",
                        "version_added": "22"
                    }
                ],
                "chrome_android": "mirror",
                "edge": {
                    "version_added": "12"
                },
                "firefox": [
                    {
                        "version_added": "22",
                        "notes": "Since Firefox 28, multi-line flexbox is supported."
                    },
                    {
                        "prefix": "-webkit-",
                        "version_added": "49"
                    }
                ],
                "firefox_android": "mirror",
                "ie": {
                    "version_added": "11",
                    "notes": "When a non-<code>auto</code> <code>flex-basis</code> is specified, Internet Explorer 10 and 11 always uses a <code>content-box</code> box model to calculate the size of a flex item, even if <a href='https://developer.mozilla.org/docs/Web/CSS/box-sizing'><code>box-sizing: border-box</code></a> is applied to the element. See <a href='https://github.com/philipwalton/flexbugs#7-flex-basis-doesnt-account-for-box-sizingborder-box'>Flexbug #7</a> for more info."
                },
                "oculus": "mirror",
                "opera": [
                    {
                        "version_added": "12.1"
                    },
                    {
                        "prefix": "-webkit-",
                        "version_added": "15"
                    }
                ],
                "opera_android": [
                    {
                        "version_added": "12.1"
                    },
                    {
                        "prefix": "-webkit-",
                        "version_added": "14"
                    }
                ],
                "safari": [
                    {
                        "version_added": "9"
                    },
                    {
                        "prefix": "-webkit-",
                        "version_added": "7"
                    }
                ],
                "safari_ios": "mirror",
                "samsunginternet_android": "mirror",
                "webview_android": [
                    {
                        "version_added": "4.4"
                    },
                    {
                        "prefix": "-webkit-",
                        "version_added": "37"
                    }
                ],
                "edge_blink": [
                    {
                        "version_added": "79"
                    },
                    {
                        "prefix": "-webkit-",
                        "version_added": "79"
                    }
                ]
            },
            "title": "flex-basis"
        }
    ],
    "flex-direction-property": [
        {
            "engines": [
                "blink",
                "gecko",
                "webkit"
            ],
            "filename": "css/properties/flex-direction.json",
            "name": "flex-direction",
            "slug": "CSS/flex-direction",
            "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/flex-direction",
            "summary": "The flex-direction CSS property sets how flex items are placed in the flex container defining the main axis and the direction (normal or reversed).",
            "support": {
                "chrome": [
                    {
                        "version_added": "29"
                    },
                    {
                        "prefix": "-webkit-",
                        "version_added": "21"
                    }
                ],
                "chrome_android": "mirror",
                "edge": {
                    "version_added": "12"
                },
                "firefox": [
                    {
                        "version_added": "81"
                    },
                    {
                        "version_added": "20",
                        "partial_implementation": true,
                        "notes": [
                            "Since Firefox 28, multi-line flexbox is supported.",
                            "Before Firefox 81, overflow with <code>*-reverse</code> is unsupported. See <a href='https://bugzil.la/1042151'>bug 1042151</a>."
                        ]
                    },
                    {
                        "prefix": "-webkit-",
                        "version_added": "49"
                    }
                ],
                "firefox_android": "mirror",
                "ie": [
                    {
                        "version_added": "11"
                    },
                    {
                        "prefix": "-ms-",
                        "version_added": "10"
                    }
                ],
                "oculus": "mirror",
                "opera": [
                    {
                        "version_added": "12.1"
                    },
                    {
                        "prefix": "-webkit-",
                        "version_added": "15"
                    }
                ],
                "opera_android": [
                    {
                        "version_added": "12.1"
                    },
                    {
                        "prefix": "-webkit-",
                        "version_added": "14"
                    }
                ],
                "safari": [
                    {
                        "version_added": "9"
                    },
                    {
                        "prefix": "-webkit-",
                        "version_added": "7"
                    }
                ],
                "safari_ios": "mirror",
                "samsunginternet_android": "mirror",
                "webview_android": [
                    {
                        "version_added": "4.4"
                    },
                    {
                        "prefix": "-webkit-",
                        "version_added": "37"
                    }
                ],
                "edge_blink": [
                    {
                        "version_added": "79"
                    },
                    {
                        "prefix": "-webkit-",
                        "version_added": "79"
                    }
                ]
            },
            "title": "flex-direction"
        }
    ],
    "flex-flow-property": [
        {
            "engines": [
                "blink",
                "gecko",
                "webkit"
            ],
            "filename": "css/properties/flex-flow.json",
            "name": "flex-flow",
            "slug": "CSS/flex-flow",
            "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/flex-flow",
            "summary": "The flex-flow CSS shorthand property specifies the direction of a flex container, as well as its wrapping behavior.",
            "support": {
                "chrome": [
                    {
                        "version_added": "29"
                    },
                    {
                        "prefix": "-webkit-",
                        "version_added": "21"
                    }
                ],
                "chrome_android": "mirror",
                "edge": {
                    "version_added": "12"
                },
                "firefox": [
                    {
                        "version_added": "28"
                    },
                    {
                        "prefix": "-webkit-",
                        "version_added": "49"
                    }
                ],
                "firefox_android": "mirror",
                "ie": {
                    "version_added": "11"
                },
                "oculus": "mirror",
                "opera": [
                    {
                        "version_added": "12.1"
                    },
                    {
                        "prefix": "-webkit-",
                        "version_added": "15"
                    }
                ],
                "opera_android": [
                    {
                        "version_added": "12.1"
                    },
                    {
                        "prefix": "-webkit-",
                        "version_added": "14"
                    }
                ],
                "safari": [
                    {
                        "version_added": "9"
                    },
                    {
                        "prefix": "-webkit-",
                        "version_added": "7"
                    }
                ],
                "safari_ios": "mirror",
                "samsunginternet_android": "mirror",
                "webview_android": [
                    {
                        "version_added": "4.4"
                    },
                    {
                        "prefix": "-webkit-",
                        "version_added": "37"
                    }
                ],
                "edge_blink": [
                    {
                        "version_added": "79"
                    },
                    {
                        "prefix": "-webkit-",
                        "version_added": "79"
                    }
                ]
            },
            "title": "flex-flow"
        }
    ],
    "flex-grow-property": [
        {
            "engines": [
                "blink",
                "gecko",
                "webkit"
            ],
            "filename": "css/properties/flex-grow.json",
            "name": "flex-grow",
            "slug": "CSS/flex-grow",
            "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/flex-grow",
            "summary": "The flex-grow CSS property sets the flex grow factor, which specifies how much of the flex container's remaining space should be assigned to the flex item's main size.",
            "support": {
                "chrome": [
                    {
                        "version_added": "29"
                    },
                    {
                        "prefix": "-webkit-",
                        "version_added": "22"
                    }
                ],
                "chrome_android": "mirror",
                "edge": {
                    "version_added": "12"
                },
                "firefox": {
                    "version_added": "20",
                    "notes": "Since Firefox 28, multi-line flexbox is supported."
                },
                "firefox_android": "mirror",
                "ie": [
                    {
                        "version_added": "11"
                    },
                    {
                        "version_added": "10",
                        "alternative_name": "-ms-flex-positive"
                    }
                ],
                "oculus": "mirror",
                "opera": [
                    {
                        "version_added": "12.1"
                    },
                    {
                        "prefix": "-webkit-",
                        "version_added": "15"
                    }
                ],
                "opera_android": [
                    {
                        "version_added": "12.1"
                    },
                    {
                        "prefix": "-webkit-",
                        "version_added": "14"
                    }
                ],
                "safari": [
                    {
                        "version_added": "9"
                    },
                    {
                        "prefix": "-webkit-",
                        "version_added": "7"
                    }
                ],
                "safari_ios": "mirror",
                "samsunginternet_android": "mirror",
                "webview_android": [
                    {
                        "version_added": "4.4"
                    },
                    {
                        "prefix": "-webkit-",
                        "version_added": "37"
                    }
                ],
                "edge_blink": [
                    {
                        "version_added": "79"
                    },
                    {
                        "prefix": "-webkit-",
                        "version_added": "79"
                    }
                ]
            },
            "title": "flex-grow"
        }
    ],
    "flex-shrink-property": [
        {
            "engines": [
                "blink",
                "gecko",
                "webkit"
            ],
            "filename": "css/properties/flex-shrink.json",
            "name": "flex-shrink",
            "slug": "CSS/flex-shrink",
            "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/flex-shrink",
            "summary": "The flex-shrink CSS property sets the flex shrink factor of a flex item. If the size of all flex items is larger than the flex container, items shrink to fit according to flex-shrink.",
            "support": {
                "chrome": [
                    {
                        "version_added": "29"
                    },
                    {
                        "prefix": "-webkit-",
                        "version_added": "22"
                    }
                ],
                "chrome_android": "mirror",
                "edge": {
                    "version_added": "12"
                },
                "firefox": [
                    {
                        "version_added": "20",
                        "notes": [
                            "Since Firefox 28, multi-line flexbox is supported.",
                            "Before Firefox 32, Firefox wasn't able to animate values starting or stopping at <code>0</code>."
                        ]
                    },
                    {
                        "prefix": "-webkit-",
                        "version_added": "49"
                    }
                ],
                "firefox_android": "mirror",
                "ie": {
                    "version_added": "10",
                    "notes": "Internet Explorer 10 uses <code>0</code> instead of <code>1</code> as the initial value for the <code>flex-shrink</code> property. A workaround is to always set an explicit value for <code>flex-shrink</code>. See <a href='https://github.com/philipwalton/flexbugs#6-the-default-flex-value-has-changed'>Flexbug #6</a> for more info."
                },
                "oculus": "mirror",
                "opera": [
                    {
                        "version_added": "12.1"
                    },
                    {
                        "prefix": "-webkit-",
                        "version_added": "15"
                    }
                ],
                "opera_android": [
                    {
                        "version_added": "12.1"
                    },
                    {
                        "prefix": "-webkit-",
                        "version_added": "14"
                    }
                ],
                "safari": [
                    {
                        "version_added": "9"
                    },
                    {
                        "prefix": "-webkit-",
                        "version_added": "8"
                    }
                ],
                "safari_ios": "mirror",
                "samsunginternet_android": "mirror",
                "webview_android": [
                    {
                        "version_added": "4.4"
                    },
                    {
                        "prefix": "-webkit-",
                        "version_added": "37"
                    }
                ],
                "edge_blink": [
                    {
                        "version_added": "79"
                    },
                    {
                        "prefix": "-webkit-",
                        "version_added": "79"
                    }
                ]
            },
            "title": "flex-shrink"
        }
    ],
    "flex-wrap-property": [
        {
            "engines": [
                "blink",
                "gecko",
                "webkit"
            ],
            "filename": "css/properties/flex-wrap.json",
            "name": "flex-wrap",
            "slug": "CSS/flex-wrap",
            "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/flex-wrap",
            "summary": "The flex-wrap CSS property sets whether flex items are forced onto one line or can wrap onto multiple lines. If wrapping is allowed, it sets the direction that lines are stacked.",
            "support": {
                "chrome": [
                    {
                        "version_added": "29"
                    },
                    {
                        "prefix": "-webkit-",
                        "version_added": "21"
                    }
                ],
                "chrome_android": "mirror",
                "edge": {
                    "version_added": "12"
                },
                "firefox": {
                    "version_added": "28"
                },
                "firefox_android": {
                    "version_added": "52"
                },
                "ie": {
                    "version_added": "11",
                    "partial_implementation": true,
                    "notes": "Partial support due to large number of bugs present. See <a href='https://github.com/philipwalton/flexbugs'>Flexbugs</a>."
                },
                "oculus": "mirror",
                "opera": {
                    "version_added": "17"
                },
                "opera_android": {
                    "version_added": "18"
                },
                "safari": [
                    {
                        "version_added": "9"
                    },
                    {
                        "prefix": "-webkit-",
                        "version_added": "7"
                    }
                ],
                "safari_ios": "mirror",
                "samsunginternet_android": "mirror",
                "webview_android": [
                    {
                        "version_added": "4.4"
                    },
                    {
                        "prefix": "-webkit-",
                        "version_added": "37"
                    }
                ],
                "edge_blink": [
                    {
                        "version_added": "79"
                    },
                    {
                        "prefix": "-webkit-",
                        "version_added": "79"
                    }
                ]
            },
            "title": "flex-wrap"
        }
    ],
    "flex-property": [
        {
            "engines": [
                "blink",
                "gecko",
                "webkit"
            ],
            "filename": "css/properties/flex.json",
            "name": "flex",
            "slug": "CSS/flex",
            "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/flex",
            "summary": "The flex CSS shorthand property sets how a flex item will grow or shrink to fit the space available in its flex container.",
            "support": {
                "chrome": [
                    {
                        "version_added": "29"
                    },
                    {
                        "prefix": "-webkit-",
                        "version_added": "21"
                    }
                ],
                "chrome_android": "mirror",
                "edge": {
                    "version_added": "12"
                },
                "firefox": [
                    {
                        "version_added": "20",
                        "notes": [
                            "Since Firefox 28, multi-line flexbox is supported.",
                            "Before Firefox 32, Firefox wasn't able to animate values starting or stopping at <code>0</code>.",
                            "Until Firefox 61, flex items that are sized according to their content are sized using <a href='https://drafts.csswg.org/css-sizing-3/#column-sizing'><code>fit-content</code>, not <code>max-content</code></a>."
                        ]
                    },
                    {
                        "prefix": "-webkit-",
                        "version_added": "49"
                    }
                ],
                "firefox_android": [
                    {
                        "version_added": "20",
                        "notes": [
                            "Since Firefox 28, multi-line flexbox is supported.",
                            "Before Firefox 32, Firefox wasn't able to animate values starting or stopping at <code>0</code>.",
                            "Until Firefox 61, flex items that are sized according to their content are sized using <a href='https://drafts.csswg.org/css-sizing-3/#column-sizing'>fit-content, not max-content</a>."
                        ]
                    },
                    {
                        "prefix": "-webkit-",
                        "version_added": "49"
                    }
                ],
                "ie": [
                    {
                        "version_added": "11",
                        "notes": [
                            "Internet Explorer 11 ignores uses of <a href='https://developer.mozilla.org/docs/Web/CSS/calc'><code>calc()</code></a> in the <code>flex-basis</code> part of the <code>flex</code> syntax. This can be worked around by using the longhand properties instead of the shorthand. See <a href='https://github.com/philipwalton/flexbugs#8-flex-basis-doesnt-support-calc'>Flexbug #8</a> for more info.",
                            "Internet Explorer 11 considers a unitless value in the <code>flex-basis</code> part to be syntactically invalid (and will thus be ignored). A workaround is to always include a unit in the <code>flex-basis</code> part of the <code>flex</code> shorthand value. See <a href='https://github.com/philipwalton/flexbugs#4-flex-shorthand-declarations-with-unitless-flex-basis-values-are-ignored'>Flexbug #4</a> for more info."
                        ]
                    },
                    {
                        "prefix": "-ms-",
                        "version_added": "10",
                        "notes": [
                            "Internet Explorer 10 and 11 ignore uses of <a href='https://developer.mozilla.org/docs/Web/CSS/calc'><code>calc()</code></a> in the <code>flex-basis</code> part of the <code>flex</code> syntax. This can be worked around by using the longhand properties instead of the shorthand. See <a href='https://github.com/philipwalton/flexbugs#8-flex-basis-doesnt-support-calc'>Flexbug #8</a> for more info.",
                            "Internet Explorer 10 and 11 consider a unitless value in the <code>flex-basis</code> part to be syntactically invalid (and will thus be ignored). A workaround is to always include a unit in the <code>flex-basis</code> part of the <code>flex</code> shorthand value. See <a href='https://github.com/philipwalton/flexbugs#4-flex-shorthand-declarations-with-unitless-flex-basis-values-are-ignored'>Flexbug #4</a> for more info."
                        ]
                    }
                ],
                "oculus": "mirror",
                "opera": {
                    "version_added": "12.1"
                },
                "opera_android": {
                    "version_added": "12.1"
                },
                "safari": [
                    {
                        "version_added": "9"
                    },
                    {
                        "prefix": "-webkit-",
                        "version_added": "7"
                    }
                ],
                "safari_ios": "mirror",
                "samsunginternet_android": "mirror",
                "webview_android": [
                    {
                        "version_added": "4.4"
                    },
                    {
                        "prefix": "-webkit-",
                        "version_added": "37"
                    }
                ],
                "edge_blink": [
                    {
                        "version_added": "79"
                    },
                    {
                        "prefix": "-webkit-",
                        "version_added": "79"
                    }
                ]
            },
            "title": "flex"
        }
    ],
    "justify-content-property": [
        {
            "engines": [
                "blink",
                "gecko",
                "webkit"
            ],
            "filename": "css/properties/justify-content.json",
            "name": "justify-content",
            "slug": "CSS/justify-content",
            "mdn_url": "https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content",
            "summary": "The CSS justify-content property defines how the browser distributes space between and around content items along the main-axis of a flex container, and the inline axis of a grid container.",
            "support": {
                "chrome": [
                    {
                        "version_added": "29"
                    },
                    {
                        "prefix": "-webkit-",
                        "version_added": "21"
                    }
                ],
                "chrome_android": "mirror",
                "edge": {
                    "version_added": "12"
                },
                "firefox": [
                    {
                        "version_added": "20"
                    },
                    {
                        "prefix": "-webkit-",
                        "version_added": "49"
                    }
                ],
                "firefox_android": "mirror",
                "ie": {
                    "version_added": "11"
                },
                "oculus": "mirror",
                "opera": {
                    "version_added": "12.1"
                },
                "opera_android": {
                    "version_added": "12.1"
                },
                "safari": [
                    {
                        "version_added": "9"
                    },
                    {
                        "prefix": "-webkit-",
                        "version_added": "7"
                    }
                ],
                "safari_ios": "mirror",
                "samsunginternet_android": "mirror",
                "webview_android": "mirror",
                "edge_blink": [
                    {
                        "version_added": "79"
                    },
                    {
                        "prefix": "-webkit-",
                        "version_added": "79"
                    }
                ]
            },
            "title": "justify-content"
        }
    ]
}
