Чеклист для самопроверки. 1 Спринт.

В этом документе описаны критерии, которым должна соответствовать работа. Убедитесь, что ваша работа соответствует всем критериям. И только после этого отправляйте на ревью.

Если не соблюдается хотя бы один из критериев этого блока, работу вообще проверять не станут. Придётся её доделывать и отправлять на проверку снова.

• Если какие-то из блоков не свёрстаны, или неверно отображаются в Safari, Firefox или Yandex Browser:
  • визуально не соответствуют макету;
  • пять или больше элементов отсутствуют вовсе;
  • не хватает секции;
  • не применяется технология выравнивания или построения сетки.
  • на десктопных разрешениях страница прокручивается по горизонтали;
  • некорректно указан шрифт.
• Код плохо оформлен:
  • не соблюдена вложенность HTML в более чем пяти местах;
  • не соблюдён стиль написания CSS-правил более чем в пяти местах.

В этом блоке собраны вопросы, на которые вам предстоит ответить, чтобы выявить и самостоятельно исправить частые ошибки. В следующих спринтах мы предложим вам новые критерии для самопроверки.

• Все блоки из брифа свёрстаны?
• Стили подключены отдельным файлом? Подключен ли в head файл normalize.css?
• Добавлены ли в футер иконки и текст?
• В футере есть ссылки? По ним можно кликнуть?
• Нет опечаток в коде HTML и CSS, страница валидна

  Валидность - соблюдение порядка вложенности HTML-элементов в соответствии с документацией, отсутствие незакрытых тегов. Проверка разметки в онлайн валидаторе не приводит к появлению ошибок. Предупреждения — допустимы.

  ? Рекомендуем использовать валидатор разметки от w3.org.
• Все блоки, элементы и модификаторы названы в соответствии с брифом?
• Ссылки, фоны секций и шрифты раскрашены, как в брифе?
• Названия классов CSS в разметке соответствуют явно указанным в брифе?
• На странице есть заголовок первого уровня? Соответствуют ли заголовки иерархии страницы? Нет ли на странице скрытых с помощью CSS заголовков?
• Заголовки размечены тегами от h1 до, если надо, h6, текстовые блоки тегами p, присутствуют элементы header, main, footer, section? Они используются по назначению?
• У всех изображений есть атрибут alt?
• У блоков фиксированная высота? Растягивается ли блок, когда текст внутри него увеличивается в
  2—3 раза?
• Для создания сеток используется flex или grid-layout?
• У всех ли абсолютно спозиционированных элементов заданы координаты по двум осям (например, top и left)?
• Абсолютное позиционирование применено только к тем элементам, о которых сказано в брифе?