Що робить властивість grid-template-rows?
grid-template-rows задає структуру рядків у CSS Grid, визначаючи скільки рядків буде і якого розміру кожен.
Приклад:
css
.container {
display: grid;
grid-template-rows: 100px auto 1fr;
}Це створює три рядки:
- фіксований висотою
100px - рядок з авто-висотою за вмістом
- гнучкий рядок, який займе простір, що залишився (
1fr)
Допустимі одиниці такі самі, як і для колонок: px, %, auto, fr, minmax(), repeat() та інші.
Коротко: grid-template-rows відповідає за кількість і висоту рядків у сітці.
Коротка відповідь
Для співбесідиPremium
Коротка відповідь допоможе вам впевнено відповідати на цю тему під час співбесіди.