U B E R E A T S / landing / Выпускной проект курса на платформе Stepik "Веб-разработка для начинающих: HTML и CSS"
- Использование flexboxgrid2
- Двустраничная версия статичного UberEats по макету в Figma
- В опубликованной версии отсутствует вёрстка с использованием для адптивности flexboxgrid2 из-за несемантичности содержимого. Версия на flexboxgrid2 будет опубликована отдельно.
- HTML
- CSS
- Технология построения сеток:
- Flexbox
- Grid Layout
- БЭМ вёрстка / Организация файлов БЭМ Nested
- Работа с макетом в Figma
- Реализация "маски" при наведении на карточку ресторана при помощи псевдоэлемента (без лишних обёрток в HTML)
- Использование псевдоклассов
- Доработка секции footer, максимально возможное уменьшение несемантических "обёрток"
- Реализация блоков в footer при помощи Grid Layout, без лишних margin
- Добавление второй страницы - страницы ресторана "Пушкин" согласно ТЗ
- Улучшение структуры проекта по БЭМ
- Добавление префиксов для кроссбраузерности
- Адаптивная вёрстка (с "резиновыми" элементами) для Mobile, Tablet версий (без использования flexboxgrid2 и других фреймворков), через медиа-запросы (at-rules @media)
- Улучшить маски для различных состояний ссылок, форм, кнопок с применнением псевдоклассов
- Дополнить сайт страницей ресторана "Пушкин" согласно ТЗ