@embiid

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

5e7271cb4d9f2462883552.png

ребят, поджскажите как можно сделать последние два блока как на картинке используя grid

к примеру, я хотел сделать grid-template-columns/rows : repeat(3, 1fr)
но потом понял что я не смогу grid-row: 1/n сделать.

как можно такое сделать используя grid-сетку?
  • Вопрос задан
  • 261 просмотр
Решения вопроса 2
Aetae
@Aetae
Тлен
Ну какбэ очевидно, что вместо трёх колонок надо шесть и элементы, соответственно, двух и трёх колоночные.
Вообще же для такого лучше флекс подходит.
Ответ написан
ArsenyMatytsyn
@ArsenyMatytsyn
CEO iAmStudio, предприниматель.
.parent {
grid-template-columns : repeat(6, 1fr)
... }
.child { /*всем*/
grid-column-end: span 2
... }
.child { /*последним двум*/
grid-column-end: span 3
... }


Но вообще grid пока еще не совместимы с ослом. Я бы воздержался их использовать, если ты не клал болт на поддержку IE.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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