Верстка · Junior · Запитання 32 з 75
Що задає grid-template-columns: repeat(3, 1fr)?
- 1Три колонки завширшки по 1 пікселю, решта місця порожня
- 2Три рядки однакової висоти, розтягнуті на весь контейнер
- ✓Правильна відповідь: Три колонки, що порівну ділять доступний простір
Пояснення
repeat(3, 1fr) - те саме, що 1fr 1fr 1fr. Одиниця fr - частка вільного простору grid-контейнера. Рядки задаються через grid-template-rows. Нюанс: 1fr за замовчуванням означає minmax(auto, 1fr), тому довгий вміст може розтягнути колонку.