Как сделать такие колонки, при помощи FLEX?

Question

[mukzer]

Как сделать такие колонки, при помощи FLEX?

codepen

Comments

[Ankhena]

И кто же вам сказал, что это нужно делать при помощи флекса, а?
https://webref.ru/css/columns

Детям inline-block, чтобы целиком переносились, если это нужно

[andand44]

Такое можно сделать через column-count, изучив все его нюансы.
https://qna.habr.com/q/565843
https://ru.stackoverflow.com/questions/608316/colu...

Answer 1

[Andrey Vasilev]

.dropdown-items {
    display: flex;
    flex-wrap: wrap;
}

Comments

[mukzer]

[Dima Polos]

На худой конец flex-direction: column, и зафиксировать max-height родителю

Answer 2

[Vitaly Kuguenko]

HTML:

<div class=“container”>
    <div class=“col-1”>Content</div>
    <div class=“col-2”>Content</div>
    <div class=“col-3”>Content</div>
</div>

CSS:

.container {
    display: flex;
}
.col-1, .col-2, .col-3 {
    flex: 0 1 33.333%;
}

Более подробно про флексы почитайте/посмотрите в документации или YouTube