Практика #6

Экзамен

Экзамен состоит из 2 частей

• Теоретическая - ответы на вопросы
• Практическая - верстка макета

Продолжительность экзамена - 3 часа. Рекомендуется на теоретическую часть потратить 1 час, потом перейти к практике. Практическая часть приоритетнее

Длительность экзамена

Общие требования к вёрстке макета

• Верстка по БЭМ
• Normalize.css
• Pixel Perfect (нестрогий)
• Сетка может быть сверстана любым способом, изученным на курсе

Макет

https://www.figma.com/file/bf9e4xqmhDwbpotTzMjD8yew/%D0%BC%D0%B0%D0%BA%D0%B5%D1%82-6-%D0%BF%D1%80%D0%B0%D0%BA%D1%82%D0%B8%D0%BA%D0%B8?node-id=7%3A0

Требования к макету

• header "прилипает" к верху страницы. Блоки "Каталог" и "Авторизация" также "прилипают" справа и слева.

• Блок со списком товаров тянущийся. Ширина блоков "Каталог" и "Авторизация" фиксированная. Максимальная ширина страницы 1440px, минимальная - 1280px.

• Кнопка "Добавить в корзину" в карточке товара прижата к низу

• header и footer тянутся на всю ширину страницы, сохраняя расположение элементов относительно других блоков.

• Кастомный checkbox.

Общие требования к вёрстке макета +