Вёрстка

Задача
Мобайлфёрст!!!
Верстаем мобильную версию, остальные разрешения и
ориентации экрана (portrait, landscape) выводим в медиа-запросах

Ландшафтный вид, раскладывается как и десктоп, с сохранением размера шрифта

Минимальный, валидный код, только html5 and css3
обвязка js будет проводиться самостоятельно.
Минимальное количество запросов

Использование min-max-with чтобы позиционировать объекты при любом разрешении

Размер шрифта рассчитывается калькулятором
от минимального мобильный вид
до максимального 1440, выше 1440 - запираем контент в невидимый бокс

Картинка в html img srcset, выравнивание в css
3 основных размера изображения

Спрайт с иконками, кешируемый

Блок с формой, на весь экран

Выделение текста запрещено

Списки, не знаю как отрисовать... обычный, нумерованный, список с иконкой по размеру текста из спрайта

Планка с лого и кнопкой зафиксирована снизу, в вёрстке - хедер
при ландшафтом виде, планка прилипает вправо (остаётся на месте относительно портретного вида)

Кнопка, заказать..., в планке, - якорь к блоку формы
После появления на экране блока с формой планка скрывается, появляется только выше

Динамика видна в figma/mirror
https://www.figma.com/file/2rknvvoS3hD83ESRA5QQ1t/Untitled?node-id=0%3A1

Внимание!
Я не специалист в технологиях вёрстки с точки зрения визуального отображения. Рисовал сам, как было удобно. Уверен, полно ошибок. Если видите ошибки в макете, действуйте на своё усмотрение, помятуя о минимализме в коде и его валидности.