1. Создайте HTML-блок с тремя элементами «Главная», «Курсы», «Контакты». Используя Flexbox, расположите элементы горизонтально и установите расстояние между ними 20 пикселей.

 

2. Создайте три карточки с названиями учебных дисциплин. Используя CSS Grid, разместите карточки в три одинаковых столбца с расстоянием 10 пикселей между ними.

 

3. Создайте CSS-медиазапрос, который при ширине экрана 600 пикселей и меньше изменяет цвет фона страницы на светло-серый. При большей ширине фон должен оставаться белым.