justify-content
CSS властивість, яка визначає як браузер розподіляє простір між та навколо вмістових елементів вздовж головної осі flex-контейнера.
Вона контролює вирівнювання елементів по горизонталі (або вертикалі, якщо flex-direction встановлено в column).
flex-start
Елементи розміщуються на початку контейнера. Це значення за замовчуванням.
flex-end
Елементи розміщуються в кінці контейнера.
center
Елементи розміщуються по центру контейнера.
space-between
Елементи рівномірно розподіляються; перший елемент знаходиться на початку, останній — в кінці.
space-around
Елементи рівномірно розподіляються з однаковим простором навколо кожного елемента.
space-evenly
Елементи розподіляються так, щоб проміжки між будь-якими двома елементами (і краями) були однакові.