Ссылка на проект: https://elli-nidis.github.io/how-to-learn/
Этот учебный проект предназначен для закрепления и отработки на практике следующих технологий:
- Флексбокс-вёрстка. Применяется в каждой секции сайта.
- Позиционирование элементов. В проекте для некоторых элементов использовалось абсолютное позиционирование.
- Позиционирование фонов (background-position) и изображений (object-position).
- Псевдоклассы (:hover) и псевдоэлементы (::after).
- Абсолютные и относительные пути. Внешние ссылки оформлены при помощи абсолютных ссылок. Внутренние (пути к картинкам на сайте) - при помощи относительных путей.
- Внедрение на сайт медиаконтента: iframe, API YouTube.
- Анимация с применением keyframes, плавность переходов: transition.
- Методология БЭМ. Методология использована при вёрстке проекта. Файловая структура организована по схеме nested.