Флексбокс, часть 1 / Распределение флекс-элементов, justify-content [4/31]
×

Распределение флекс-элементов, justify-content [4/31]

Вместо «горизонтального» выравнивания во флексбоксе используется свойство для распределения элементов вдоль главной оси — justify-content. Это свойство задаётся для флекс-контейнера.

Его значением по умолчанию является flex-start. При этом значении элементы располагаются у начала главной оси.

Чтобы элементы располагались по центру главной оси, нужно задать для justify-content значение center.

Давайте разместим коврики по центру комнаты.


Выполнить задание
<!DOCTYPE html> <html lang="ru"> <head> <meta charset="utf-8"> <title>Распределение флекс-элементов, justify-content</title> <base href="/assets/course96/"> <link href="style.css" rel="stylesheet"> <link href="course.css" rel="stylesheet"> </head> <body class="house"> <div class="room"> <div class="rug rudolf"></div> <div class="rug keks"></div> </div> </body> </html>
.room { display: flex; flex-direction: row; }
HTML Academy
  1. Задайте распределение флекс-элементов по центру главной оси в блоке .room.
Теория Проверить Следующее задание
Идёт запись на курс Продвинутый HTML и CSS #10, который стартует 27 февраля.

Обсуждение и комментарии

Если у вас возникли сложности при прохождении задания, то вы можете обратиться за помощью на наш форум. Мы отслеживаем сообщения и постараемся ответить максимально быстро.

Пожалуйста, не пишите решение задач. Такие сообщения будут удаляться.

Перейти на форум или открыть комментарии.