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


4. Flexbox-1

Используя Flexbox оформите блоки, чтобы они выглядли как на на рисунке ниже


Не меняйте существующие стили! Вам необходимо дополнить правила в существующих стилях css так, чтобы дочерние конейнера (<div class="container">):

  1. Выравнивались по горизонтали по центру

  2. Выравнивались по вертикали по центру 

  3. Имели отступы между собой в 20px

<div class="container">
  <div class="item"></div>
  <div class="item"></div>
  <div class="item"></div>
</div>

JS

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