Css Trick Flex Code Example
Example 1: css flex /* Flex */ .anyclass { display:flex; } /* row is the Default, if you want to change choose */ .anyclass { display:flex; flex-direction: row | row-reverse | column | column-reverse; } .anyclass { /* Alignment along the main axis */ justify-content: flex-start | flex-end | center | space-between | space-around | space-evenly | start | end | left | right ... + safe | unsafe; } Example 2: flex: syntex flex: none /* value 'none' case */ flex: <'flex-grow'> /* One value syntax, variation 1 */ flex: <'flex-basis'> /* One value syntax, variation 2 */ flex: <'flex-grow'> <'flex-basis'> /* Two values syntax, variation 1 */ flex: <'flex-grow'> <'flex-shrink'> /* Two values syntax, variation 2 */ flex: <'flex-grow'> &l