# Размещение флекс элементов в колонку в CSS

Если в свойстве `flex-direction` задать значение `column`, то элементы выстроятся в колонку:

`<div class="parent"> <div class="child">1</div> <div class="child">2</div> <div class="child">3</div> </div>` `.parent { display: flex; flex-direction: column; width: 300px; height: 200px; border: 1px solid red; } .child { width: 50px; height: 50px; border: 1px solid green; }`

:

Повторите страницу по данному образцу:

← →
↑