Вирівнювання Вмісту по Горизонталі

Властивість justify-content допомагає визначити положення гнучких елементів уздовж головної осі. За замовчуванням вона має значення flex-start.

Розглянемо кожен випадок на практиці. Будемо грати зі списком карт.

flex-start

Значення за замовчуванням, яке змушує всі елементи розташовуватися на початку головної осі.

flex-end

Всі елементи знаходяться на кінці осі.

center

Всі елементи знаходяться в центрі.

space-around

Він рівномірно розподіляє всі елементи вздовж головної осі, залишаючи трохи місця з лівого та правого країв.

space-between

Він дуже схожий на space-around, за винятком того, що не залишає місця на осі з лівого та правого країв.