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

[Anonymous]

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

Следующий код: < /p>

Код: Выделить всё

Grid Test

.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;
}




a
b
c
d

Но вместо того, чтобы получить необходимую макет, я получаю следующий вывод:

Почему код не работает?>

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