Верстка одной страницы сайта заметок

Необходимо сверстать одну страницу по предоставленному макету в Figma. Макет выполнен в минималистичном стиле и предназначен для создания и ведения персональных заметок, наподобие приложения Outline. Требования: Точность: Строгое соответствие верстки макету. Адаптация для различных разрешений экранов (от десктопа до мобильных устройств). Технологии: Использование HTML, CSS (предпочтительно SCSS или другой препроцессор), и базового JavaScript, если требуется. Желательно применять современные подходы: Flexbox или Grid Layout. Функциональность: Динамическое отображение и скрытие блоков, если это предусмотрено макетом. Адаптивность для корректного отображения на устройствах с разным размером экрана. Чистота кода: Понятная структура и комментирование кода. Соответствие стандартам (семантическая верстка, отсутствие ошибок валидации). Дизайн: Сохранение минималистичного и аккуратного вида. Использование шрифтов, цветов и отступов, указанных в макете. Дополнительно: Если в макете есть интерактивные элементы (например, кнопки, выпадающие меню), их функциональность должна быть реализована. При успешном выполнении задания возможны дополнительные задачи на развитие проекта.