Модуль: Тренажеры HTML/CSS


2. CSS Grid - 2

Создайте CSS-правила для контейнера, используя Grid Layout, чтобы получить адаптивную сетку с такими параметрами:

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

В результате элементы на странице должны выглядеть следующим образом:


 

Вставьте недостающие фрагменты кода
C++ 
<div class="auto-grid">
  <div class="card">1</div>
  <div class="card">2</div>
  <div class="card">3</div>
  <div class="card">4</div>
  <div class="card">5</div>
</div>
     

time 1000 ms
memory 256 Mb
Правила оформления программ и список ошибок при автоматической проверке задач

Комментарий учителя

Результат проверки программы 
Для проверки решения задачи необходимо зарегистрироваться или авторизоваться!