Задать вопрос

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

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

Как это можно реализовать?
  • Вопрос задан
  • 82 просмотра
Подписаться 1 Простой 3 комментария
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Профессиональная вёрстка на HTML и CSS
    3 месяца
    Далее
  • Stepik
    Основы HTML и CSS
    2 недели
    Далее
  • OTUS
    HTML/CSS
    3 месяца
    Далее
Решения вопроса 1
Raxen
@Raxen
TechLead Frontend Developer, Beeline
Три варианта на выбор

Раз
.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;
}
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы