# 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)