АКЦИЯ: бесплатные месячные курсы по созданию сайтов
на выбор: верстка, JavaScript, PHP или фреймворки. Сегодня последний день для записи! Жми!
⊗mkPmBMFASB 174 of 250 menu
НОВИНКА: Практика на Реальных Проектах и Работы в Портфолио. Бесплатный курс! Жми для записи!

Выравнивание флекс элементов по родителю в CSS

Значение space-between, заданное в свойстве justify-content, позволяет равномерно распределить элементы по родителю. При этом расстояние между ними рассчитывается автоматически. Первый элемент будет прижат к левому краю, а последний - к правому.

Давайте посмотрим на примере:

.parent { display: flex; justify-content: space-between; }

Результат выполнения кода:

Повторите страницу по данному образцу:

enru