Можно ли сверстать такую сетку display grid?

Question

[drtvader]

Привет! Можно ли как-то сверстать этот блок через гриды?

Comments

[godsplane]

Можно

[drtvader]

godsplane, пример есть?)

[Вадим]

drtvader, есть

https://developer.mozilla.org/ru/docs/Web/CSS/CSS_...
https://cssgridgarden.com/#ru

Ну и вариант с самыми эффективными для Вас трудозатратами, нужно будет в конечном итоге только скопировать себе в проект: https://freelance.habr.com/

[drtvader]

Вадим, не понимания как сделать два предпоследних блока, они там в ширину в полторы больше чем те что выше.

[Вадим]

drtvader, представим что в этом контейнере 12 колонок. Отсюда можно сделать следующее предположение, что в первой строке блоки занимают 12/3 колонок, то есть по 4 колонки каждый.
Во второй строке - по 12/2 - 6 колонок каждый.
В последней - один блок на 12/1 - 12 колонок.

12 взято для удобства и "по историческим" причинам, так как 12 лучше всего делится на большое количество различных вариантов и принято стандартом в сетках.

Answer 1

[Сергей delphinpro]

Можно, конечно

Вот ваша сетка:

Вживую: