Задание: HTML-верстальщик. Верстка одностраничника КВ (Дистанционная работа)
Требуется адаптивная верстка, то есть сайт должен корректно отображаться на любом разрешении, подстраивая свои размеры под ширину браузера.
Для этого все размеры необходимо задать в единицах rem, а уже их значение в px менять в зависимости от разрешения.
На разрешениях шириной 1920 и выше 1rem=20px, при ширине 1000 уже 1rem=17px и т.п. (необходимо прописать все нужные промежуточные размеры для 1rem от 20 до 13)
Минимальная ширина экрана = 320px; основной ориентир для смартфона – 360px (есть макет для этого размера).
При определении размеров шрифтов, картинок и т.п. – ориентируемся на пропорции в макете 1920 пикселей.
В версии для смартфонов пропорции могут поменяться в макетах (иногда дизайнер не все пропорционально уменьшает), но по возможности лучше этого не допускать. Во всех спорных случаях стараемся привести к более универсальным пропорциям, а не городим кучу условий и новых правил.
Исключение только для основных заголовков – они должны соответствовать макету.
Если у вас будут предложения по оптимизации в рамках верстки – готов выслушать.
Должна быть прикрепленная панель при прокрутке страницы.
Все макеты в фигме. https://www.figma.com/design/fa77EyKbOxzggl4ijrRJmd/kv_28april?node-id=12922-2905&t=8W1ITReu0CZHkerK-0
Там же прописано ТЗ на разные анимации
Верстка нужна в виде чистого кода, без вордпресса и т.п.
-----
Важно соблюсти сроки:
8/9 мая показать предварительную версию
10 мая утром - окончательную версию
