Page 162 - CSS

Property Value Description

I.e., for a horizontal (flex-direction: row) flexbox, this centers
horizontally, and for a vertical flexbox (flex-direction: column) flexbox,
this centers vertically)

Individual Property Examples

All of the below styles are applied onto this simple layout:

<div id="container">
<div></div>
<div></div>
<div></div>
</div>

where #container is the flex-box.

Example: justify-content: center on a horizontal flexbox

CSS:

div#container {
display: flex;
flex-direction: row;
justify-content: center;
}

Outcome:

https://riptutorial.com/ 140