Создание неретангольной компоновки с CSS GRID [дублировать] ⇐ CSS

[Anonymous]

Я пытаюсь создать следующий макет с использованием CSS:

Я использую следующий код: < /p>


< Pre Class = "Snippet-Code-CSS Lang-CSS PrettyPrint-Override">.grid {
display: grid;
grid-template-areas:
"a a b"
"c a b"
"c c d";
gap: 5px;
}

.item {
background-color: lightgray;
border: 1px solid gray;
text-align: center;
}< /code>

a
b
c
d
< /code>
< /div>
< /div>
< /p>
Но вместо того, чтобы получить необходимый макет, я получаю еще одну вещь.
Почему код не работает?>

Подробнее здесь: https://stackoverflow.com/questions/794 ... h-css-grid