KVAST / КВАСТ / landing / Финальное задание-проект тренажёра HTML academy: Кексби. Финальное испытание

Описание задачи

Требования

• В эталонном решении испытания сетки построены с помощью float
• Вёрстка по макету PSD с максимальным совпадением проверки при наложении

Реализация

• В опубликованной версии не применяется построение сетки с помощью float, примененены современные технологии описанные ниже.

• Ссылка на сайт

Стек технологий

• HTML (HTML5)
• CSS

---

• БЭМ
• Perfect Pixel

Технологии реализации

• Технология построения сеток:

1. Flexbox
2. Grid layout

• БЭМ вёрстка
• Файловая структура БЭМ Nested
• Работа с макетом в PSD формате
• Pixel Perfect

Планы по доработке проекта

• Подключить несколько шрифтов при помощи at-правил в font.css
• Стилизовать checkbox при помощи псевдоэлементов
• Переработать футер используя Grid layout
• Реализовать валидацию формы при помощи native JS

Кроссбраузерность

• Добавление префиксов для кроссбраузерности

Адаптивная вёрстка

• Улучшение адаптивности для Mobile, Tablet версий (без использования flexboxgrid2 и других фреймворков)
• Полностью заменить px размеры на относительные (%, vw, vh и пр.)
• Все текстовые значения перевести в rem, em
• Сделать версию для широкоформатных экранов (4K)