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


1. CSS Grid - 1

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

  • Колонки: 3 колонки шириной по 100px каждая.

  • Строки: 2 строки высотой по 50px каждая.

  • Расстояние между элементами (gap): 10px.



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


  
<div class="grid-container">
  <div class="item">1</div>
  <div class="item">2</div>
  <div class="item">3</div>
  <div class="item">4</div>
  <div class="item">5</div>
  <div class="item">6</div>
</div>

JS

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