Задача «Главная Яндекса»

Перед выполнением задания внимательно прочитайте:

• Кодекс чести студента курсов
• О всех этапах проверки задания
• Как отправить пулл
• Как пройти тесты
• Правила оформления javascript, HTML и CSS кода

Основное задание

⚠️ Задание необходимо решить без использования JavaScript

⚠️ HTML помещаем в index.html, а CSS в index.css (подключите его к html самостоятельно)

Ваша задача на сегодня – сверстать главную страницу Яндекса (картинки кликабельны).

Требования

• Использовать для разметки flex или grid layout
• Как можно более точно соответствовать макету (изображения можно взять другие)
• Любой из виджетов можно свернуть. Переключение состояния происходит по клику на стрелочку рядом с заголовком виджета
• Переключение состояния виджета почты происходит по клику на весь блок
• В виджете «Новости» должна быть возможность переключения категории: Сейчас в СМИ, в Москве, Интересное
• Верстка должна соответствовать методологии BEM