Вступить в клуб →
лёгкаявопросHTML, CSS и адаптивная вёрстка

Как расположатся элементы во флекс-контейнере с направлением в столбец

.list {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;

  width: 600px;
  height: 400px;
}

Внутри контейнера три карточки с разной шириной текста. Как они расположатся?

  • В строку, по центру по горизонтали, прижаты к верхнему краю: направление в столбец задаёт только порядок следования элементов.
  • В столбик, группа прижата к верху, каждая карточка по центру по горизонтали.
  • В столбик, каждая карточка растянута на все 600px и распределена по высоте равномерно.
  • В столбик, группа отцентрована по вертикали, каждая карточка прижата к левому краю по своей ширине содержимого.

🔒 Проверка ответа — для участников клуба

  • Проверка ответа
  • Подсказка, если застряли
  • Разбор с объяснением, почему так
  • Прогресс по всем задачам и виртуальные собеседования
Зарегистрироваться →

Регистрация занимает минуту

Другие задачи раздела