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

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

Сообщение 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
Ответить

Быстрый ответ

Изменение регистра текста: 
Смайлики
:) :( :oops: :roll: :wink: :muza: :clever: :sorry: :angel: :read: *x)
Ещё смайлики…
   
К этому ответу прикреплено по крайней мере одно вложение.

Если вы не хотите добавлять вложения, оставьте поля пустыми.

Максимально разрешённый размер вложения: 15 МБ.

Вернуться в «CSS»