Как задать разную высоту элементам, используя grid?

Question

[Alex Clear]

Не могу понять, как реализовать вот такую секцию на гридах.


Единственный вариант, который приходит в голову - это задать высоту, но это считается не правильным с точки зрения верстки, да и, вроде как, ломает грид сетку.

Answer 1

[MamaLuyba]

просто прописываешь контейнеру grid-template-areas

#container {
 display: grid;
 grid-template-areas: 
  'one three four'
  'two three five'
  'six six six';
}

ну и потом отдельным блокам прописываешь grid-area: one и т.д.