Flex

Container

display: flex; /* or inline-flex */

flex-direction: row | row-reverse | column | column-reverse;
flex-wrap: nowrap | wrap | wrap-reverse;
flex-flow: <'flex-direction'> || <'flex-wrap'>

Horizontal alignt
justify-content: flex-start | flex-end | center | space-between | space-around | space-evenly;

Vertical align
align-items: stretch | flex-start | flex-end | center | baseline;

Vertical align inside
align-content: flex-start | flex-end | center | space-between | space-around | stretch;

Elements

order: <any integer>;

flex-grow: <number>; edge padding /* default 0 */
flex-shrink: <number>; padding inside /* default 1 */
flex-basis: <length> | auto; width /* default auto */
flex: none | [ <'flex-grow'> <'flex-shrink'>? || <'flex-basis'> ]

Vertical align
align-self: auto | flex-start | flex-end | center | baseline | stretch;

Image Description
Nov 17, 2020

mysql

Image Description
Nov 17, 2020

Linux

Subscribe

Stay in the know

Get special offers on the latest developments from Front.

Be the lucky user to earn 100$ bonus now!

Be the lucky user to earn 100$ bonus now!

Image Description
Image Description
Image Description