Как перенести блоки? CSS?

Question

[Ростислав Комаров]

Необходимо перенести блоки с одного ряда на другой как на картинке:


Как это можно реализовать?

Comments

[Роман Дворянов]

А как реализовано сейчас? Нужен код

[Роман Дворянов]

аа, я понял, еще никак)) Т.е. вы на стадии размышлений как это делать) Варианты написал в ответах

[Ростислав Комаров]

В дополнение: ряд один, его нужно просто разделить

Answer 1

[Роман Дворянов]

Три варианта на выбор

Раз

.container {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-column-gap: 30px;
    grid-row-gap: 30px;
}

@media (max-width: 600px) {
  .container {
      grid-template-columns: 1fr 1fr;
  }
}

Два

.container {
    display: flex;
    flex-wrap: wrap;
}

Три

.container::after {
  content: '';
  clear: both;
  display: table;
}

.container__item {
  ...
  float: left;
}