Почему у флекс элементов с заданным flex basis-ом ширина расползается на 100%?

Question

[hozzy8]

почему в данном коде ширина у каждого флекс элемента на весь экран полетела?
https://imgur.com/a/7ILOold

Answer 1

[Softlink]

Потому что указан flex-direction: column и flex-basis считается по вертикали.

Comments

[hozzy8]

эт понятно, т.е. используешь column, то всегда нужно отдельно писать width для флекс элементов?

[Softlink]

hozzy8, смотря чего хотите добиться. Если надо ужать потомков, можно использовать align-items. А если нужна какая-то ширина, то надо указать ее, да.