, чтобы сохранить свой прогресс
Использование сетки без создания шаблона областей
Свойство grid-area
вы узнали в последней задаче, можно использовать по-другому. Если в вашей сетке нет шаблона областей для ссылки, вы можете создать область «на лету» для элемента, который будет размещен следующим образом:
item1 {сетка: 1/1/2/4; }Это использует номера строк, которые вы узнали ранее, чтобы определить, где будет область для этого элемента. Цифры в приведенном выше примере представляют эти значения:
grid-area: горизонтальная линия для начала / вертикальной линии для начала / горизонтальной линии до конца на / вертикальной линии до конца;Таким образом, элемент в примере будет потреблять строки между строками 1 и 2 и столбцы между строками 1 и 4.
Используя свойство grid-area
, поместите элемент с классом item5
между третьей и четвертой горизонтальными линиями и между первой и четвертой вертикальными линиями.
/**
* Your test output will go here.
*/