Верстка · Middle · Запитання 7 з 75
Як у Grid задати розкладку «шапка вгорі, сайдбар і контент посередині, підвал унизу» через іменовані області?
- 1За допомогою
grid-area-names: header sidebar main footerу контейнера - ✓Правильна відповідь: За допомогою
grid-template-areasу контейнера таgrid-areaу дочірніх елементів - 3За допомогою
grid-template-columnsз іменами таgrid-column: nameу дітей
Пояснення
grid-template-areas описує розкладку рядками-«картинками»: "header header" "sidebar main" "footer footer", а елементи прив'язуються через grid-area: header. Крапка . позначає порожню комірку. Це зручно для адаптивності: у медіазапиті змінюється лише шаблон. Властивості grid-area-names не існує.