@zvnex

Как правильно реализовать сетку CSS Grid?

Доброго времени суток всем! Подскажите пожалуйста как реализовать построение сетки так, чтобы два верхних блока занимали по 50% процентов области, а нижние три карточки занимали своё пространство равномерно (~33%)
Вот пример как должна выглядеть сетка:
611422ef6d821235375323.png
Если что это список из 5 элементов. (5 карточек) и желательно не разделять их на части(я так тоже умею)
  • Вопрос задан
  • 108 просмотров
Решения вопроса 2
delphinpro
@delphinpro Куратор тега CSS
frontend developer
Четыре колонки
30% 15% 15% 30%
grid-template-column: 2fr 1fr 1fr 2fr
первые блоки занимают по две колонки
третий и пятый - по одному
четвертый тоже две.

UPD

Ответ написан
LenovoId
@LenovoId
I want, women not to get sick
Так наверно

Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

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