> For the complete documentation index, see [llms.txt](https://irena-popova.gitbook.io/flexbox/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://irena-popova.gitbook.io/flexbox/justify-content-column.md).

# justify-content \[column]

## justify-content \[column] <a href="#day-13-justify-content-column" id="day-13-justify-content-column"></a>

The main axis can also lie vertically. In that case, flex-direction is set to column. Here's how the flex items will be aligned in that instance.

```css
.parent {
  flex-direction: column;

  justify-content: flex-start /* default */
                or flex-end
                or center
                or space-around
                or space-between
                or space-evenly
}
```

![](https://1188262252-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MShOB5olIFJqbXrreDC%2F-MSha4lppNnOnFxo2FEW%2F-MShlKie-oexX07CxEK7%2Fjustify-content-column.jpeg?alt=media\&token=943643f4-095c-4946-8119-0e7c9d01e0fd)