Создайте CSS-правила для контейнера, используя Grid Layout, чтобы получить адаптивную сетку с такими параметрами:
- Тип контейнера: Grid (
display: grid
).
- Колонки:
- Автоматическое заполнение доступного пространства (
auto-fill
).
- Минимальная ширина колонки —
100px
, максимальная — 1fr
(равномерное распределение).
(Используйте repeat()
и minmax()
).
- Расстояние между элементами (gap):
15px
.
В результате элементы на странице должны выглядеть следующим образом: