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

  • Тег H1 не более одного на страницу и только для блока названия страницы
  • Размеры шрифтов задаются в rem
  • Позиционирование absolute использовать только при крайней необходимости
  • Элементы с классом .col всегда должны находится в .row
  • Когда требуется задавать отступы между несущими блоками, старайтесь задавать расстояние от нижнего блока к верхнему
  • CSS должен быть сверстан так, что если пропадает блок, пропадает и отступ вместе с блоком, если он был
  • Не используйте в качестве отступов между несущими блоками padding
  • Используйте человекопонятные именования css классов. Например: заголовок – title, описание – description, текст - text и т.д.
  • Наименования блоков имеют вид el_name_xxxxxx где name - человекопонятное именование блока в формате camelCase; x - любой символ английского алфавита или цифра
  • Внутри каждого элемента el_name_xxxxxx должен быть элемент, чаще всего div, с классом wrapperInner
  • Используйте для селекторов в css полный путь от начала блока, т.е. от el_name_xxxxxx
  • Элементы типа input, select, textarea, button должны иметь отдельную верстку вида .input, если их много и они имеют однотипное оформление.
  • Использовать только бесплатные шрифты, например: google fonts
  • Если на элементе (товар, новость и т.д.) присутствует кнопка или ссылка быстрого просмотра, то ее верстать не надо и сам быстрый просмотр также не верстать
  • В строке поиска не верстать кнопку выбора категорий (см. скрин)
  • В футере сайта должна присутствовать ссылку на платформу komiz.io (см. скрин 1, скрин 2)