HuntExams Academy
HTML/CSSBeginner#css#flexbox

Explain Flexbox: main axis vs cross axis.

Flexbox lays out children in one dimension. The main axis is set by flex-direction (row = horizontal, column = vertical); justify-content aligns items along it. The cross axis is perpendicular; align-items and align-content control alignment along it.

Example
display: flex;
flex-direction: row;
justify-content: space-between; /* main axis */
align-items: center;            /* cross axis */

Related Questions

1
HTML/CSSIntermediate#css#flexbox

What do flex-grow, flex-shrink, and flex-basis do?

Open
2
HTML/CSSBeginner#css#flexbox

How do you center a div both horizontally and vertically?

Open
3
HTML/CSSIntermediate#css#layout-puzzle

How do you build a sticky footer that stays at the bottom even with little content?

Open