Как расположатся элементы во флекс-контейнере с направлением в столбец
.list {
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
width: 600px;
height: 400px;
}
Внутри контейнера три карточки с разной шириной текста. Как они расположатся?
- В строку, по центру по горизонтали, прижаты к верхнему краю: направление в столбец задаёт только порядок следования элементов.
- В столбик, группа прижата к верху, каждая карточка по центру по горизонтали.
- В столбик, каждая карточка растянута на все 600px и распределена по высоте равномерно.
- В столбик, группа отцентрована по вертикали, каждая карточка прижата к левому краю по своей ширине содержимого.
