GO IT course
https://ljubik.github.io/goit-markup-hw-03/
Домашнее задание
Создай репозиторий goit-markup-hw-03.
Склонируй новый репозиторий и перенеси в него файлы второй работы.
Добавь стили для геометрии (ширины, отступы, поля и рамки) контента страниц Студия и Портфолио.
Добавь стили позиционирования контента страниц Студия и Портфолио используя Flexbox.
Настрой раздачу статики с GitHub Pages и добавь ссылку на живую страницу в шапку GitHub-репозитория.
Критерии приёма работы Основные критерии прёма работы
Дополнительные критерии
Создан репозиторий goit-markup-hw-03.
Вёрстка фиксированная, в пикселях, размеры блоков соответствуют макету.
Корректно заданы и использованы margin и padding.
У детей нет внешних отступов margin пробивающих родителя.
Создан div.container и использован для обёртки и центрирования блоков контента (секции, шапка, футер и т. д.).
Ширина div.container взята и макета.
Расположение элементов, позиционирование которых используя стандартный поток документа невозможно, сделано с помощью Flexbox.
В шапке репозитория есть ссылка на живую страницу.
Общие критерии приёма работ Если какой-либо критерий не применим к вашему текущему заданию - пропускайте его. Например, в первой работе нет оформления, поэтому все критерии стилей неприменимы.
Проект
Главный HTML-файл называется index.html.
В корне проекта есть папка images с изображениями.
В корне проекта есть папка css с файлами стилей.
Вся собственная стилизация выполнена в одном файле стилей styles.css.
В названиях файлов нет заглавных букв и пробелов, только буквы английского алфавита.
Отсутствуют сокращения и транслит в названиях классов, атрибутах и названиях файлов.
Единообразное написание и форматирование HTML и CSS кода согласно руководству.
Разметка и оформление
Выполнена HTML-разметка всех элементов макета, если не указаны исключения.
Теги использованы согласно их семантического смысла.
Документ проходит проверку на валидность http://validator.w3.org/nu/.
Все изображения и текстовый контент взяты из макета.
Для стилизации не используются идентификаторы.
В стилях отсутствует !important.
Нет глобальных стилей тегов, кроме , и .
Для красочных изображений используется растровая графика в формате jpg.
Для всех иконок используется векторная графика в формате svg.
У интерактивных элементов, при нажатии или фокусе с клавиатуры, есть активное состояние.
Подключены правильные шрифты. Размеры, высота строк, цвет и толщина текста равны значениям в макете.
Указаны альтернативные варианты шрифта и тип семейства в конце перечисления font-family.
Использована нормализация стилей normalize.css.
Внешние отступы и внутренние поля у блоков сделаны по макету с погрешностью 1px (можно округлять нечетные значения вниз или вверх на 1px).
Размеры контейнера, больших сеточных блоков и элементов внутренних микросеток совпадают с макетом с погрешностью 1px (можно округлять нечетные значения вниз или вверх на 1px).