@Alexander3928

Как флексами разделить блоки 2 на 2?

Как можно разделить элементы флексами, как показано на изображении?

633d7208de899928702505.png

https://codepen.io/Alexxxsander/pen/qBYyXyr
  • Вопрос задан
  • 86 просмотров
Решения вопроса 4
mizutsune
@mizutsune
Frontend Developer
.flex {
   --gap: 20px;
   display: flex;
   flex-wrap: wrap;
   gap: var(--gap);
}

.item {
   width: calc(50% - var(--gap) / 2);
   height: 100px;
   background-color: red;
}
Ответ написан
Комментировать
HistoryART
@HistoryART
Начинающий пингвинус
.flex {
  width: 600px;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
}
Ответ написан
Комментировать
mediol-name
@mediol-name
Developer
Я бы так написал

Ответ написан
Комментировать
@ForSureN1
frontend dev
.cards {
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  row-gap: 20px;
}
.card {
  width: 49%;
}
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы