We changed the axis layout with 'justify-content', and the "off axis" layout is controlled by 'align-items'. The most common values are flex-start
, flex-end
, or center
.
body { display: flex; flex-direction: row;}.container { background-color: #ebb871; display: flex; flex-direction: column; justify-content: space-between; align-items: flex-start; align-items: flex-end; align-items: center}