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


3. Выравнивание элементов

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

Ваша задача дополнить CSS стили, записав туда следующие правила:

  • Сетка должна иметь 2 колонки (каждая из которых занимает по одной доле свободного пространства) и 2 строки (высотой 100px каждая).
  • Отступы между элементами — 10px.
  • Общая высота контейнера — 300px.
  • Все элементы должны быть выровнены по центру .
  • У .cell задайте:
    • фон #b5ead7 (background)
    • внутренние отступы 10px,
    • фиксированные ширина (80px) и высота (50px).
  • Элемент с классом .wide должен растягиваться на всю ширину сетки

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