Как через grid или flex расположить элементы?

Question

[Lolka21]

Приветствую, подскажите пожалуйста, как с помощью css grid или flex расположить элементы как на фото... ?

по 4 элемента в колонке и вправо может быть много элементов... примерная разметка:

<div class="box">
      <div class="box__item"></div>
      <div class="box__item"></div>
      <div class="box__item"></div>
      <div class="box__item"></div>
      <div class="box__item"></div>
      <div class="box__item"></div>
      <div class="box__item"></div>
      <div class="box__item"></div>
      <div class="box__item"></div>
      <div class="box__item"></div>
      <div class="box__item"></div>
      <div class="box__item"></div>
      <div class="box__item"></div>
      <div class="box__item"></div>
      <div class="box__item"></div>
      <div class="box__item"></div>
      <div class="box__item"></div>
      <div class="box__item"></div>
      <div class="box__item"></div>
      <div class="box__item"></div>
    </div>

Comments

[ambisinister One]

display:flex;flex-direction:

[Lolka21]

ambisinister One, мне нужно 4 элемента в колонке...

[Ankhena]

Answer 1

[Андрей Галкин]

Флексы
Гриды