Skip to content

Understanding flexbox's justify-content

Oct 20, 2019

The CSS justify-content property defines how the browser distributes space between and around content items along the main-axis of a flex container (row, or column):

Row (horizontal) direction

flex-direction: row; justify-content: [value];

justify-content-row

Column (vertical) direction

flex-direction: column; justify-content: [value];

justify-content-column