375 B

Raw Permalink Blame History

Flex

.div-flex {
    display: flex;
}

flex tag

Flex equivalent

flex: 1;

flex: 1 1 0%;

flex-grow: 1;
flex-shrink: 1;
flex-basis: 0%;

Order

justify-content: center;
align-items: center;

Example

Center horizontal
<--------x-------->
justify-content: center;

 
Center vertical
^
|
|
x
|
|
v
align-items: center;