Как реализовать такую сетку на grid?

Question

[yakov_l]

https://drive.google.com/file/d/1vyep3CNGxkD-hHzg2...

Comments

[Rustam Bainazarov]

2 колонки, 9 строк.

[yakov_l]

а конкретнее? что-то у меня плывет

.store-window-wrapper
display: grid
grid-template-columns: repeat(2, 1fr)
grid-column-gap: 0
grid-row-gap: 0
.store-window__item
width: 100%
.store-window__item:nth-child(1)
grid-column: 1/2
grid-row: 1/3
.store-window
height: 100%
.store-window__item .picture
height: 100%
.store-window__item:nth-child(3)
grid-column: 2/3
grid-row: 2/5

Answer 1

[Алекс Глебов]

https://codepen.io/SkiperX/pen/MWWpLBO

Answer 2

[Рома Зварич]

Как реализовать такую сетку на grid?

1) Задаёте размер строки в сетке с помощью свойства grid-auto-rows
2) Определённым элементам задаёте свойство grid-row: span 2;, чтобы они занимали две строки

Результат:
https://codepen.io/hisbvdis/pen/KKKWJEX