.grid {
display: grid;
gap: 10px;
grid-template-columns: 130px 130px 130px 130px;
grid-template-rows: 50px 100px auto;
grid-template-areas: “heading heading heading heading”
“gnom elf troll side”
“video video opis side”;
}
.site-heading {
grid-area: heading;
}
.good:first-of-type {
grid-area: gnom;
}
.good:nth-of-type(2) {
grid-area: elf;
}
.good:last-of-type {
grid-area: troll;
}
.video {
grid-area: video;
}
.description {
grid-area: opis;
}
.sidebar {
grid-area: side;
}