Почему у меня не работает flex-direction: column?

Question

[Сёма Давыдов]

У меня есть блок с заголовком и блоком,в котором ещё три блока,в каждом из которых картинка и абзац.Хочу,чтобы на 945 пикселях флекс-элементы становились в колонну.Но вместо этого при уменьшени экрана они всё равно слипаются и сами уменьшаются в размерах

.guarantee
&-block
padding-bottom: 228px
&__doc
max-width: 280px
width: 100%
&s
display: flex
justify-content: space-between
**********************************
media (max-width: 945px)
.guarantee
&-doc
flex-basis: 100%
&s
flex-direction: column
align-items: center
flex-wrap: wrap

Comments

[Ankhena]

Но не нужно менять flex-direction, достаточно задать wrap и детям 100% ширину.

А ваш код выложите в песочницу.
sass синтаксис вываленый текстом без отступов малоинформативен.