flex
flex is a CSS property in the Flexbox category. Flexible box layout properties for one-dimensional arrangements. The syntax is flex: <flex-grow> <flex-shrink> <flex-basis>. A typical example: flex: 1 0 200px; It is commonly applied to markup such as <div class="demo">Sample</div> Browser support: Chrome 29+, Firefox 22+, Safari 9+, Edge 12+. A close relative is flex-direction, which flexible box layout properties for one-dimensional arrangements. A close relative is flex-wrap, which flexible box layout properties for one-dimensional arrangements. A close relative is flex-flow, which flexible box layout properties for one-dimensional arrangements. More about this category: CSS Flexbox properties for one-dimensional layouts and alignment. Related Flexbox entries: flex-direction, flex-wrap, flex-flow, justify-content, align-items, align-content, align-self, flex-grow. This page is part of the free CSS Reference documentation covering 841+ properties, selectors, functions, and at-rules, each with syntax, values, examples, and browser support. You can look up any other entry from the search page or return to the CSS Reference homepage.