Ещё 4 совета
Вёрстку каждого элемента начинайте с его сложного состояния. Например, верстайте шапку для случая, когда число элементов навигации больше указанного в макете. Потом вы лучше упростите сложный элемент, чем наоборот.
Сразу верстайте критические случаи, но не добавляйте их на страницу. Например, сразу сделайте страницу «без результатов поиска» и интегрируйте в проект прелоадер. Вот его готовый код:
https://code.s3.yandex.net/web-developer/archives/Preloader.zip
Измените цвет прелоадера в соответствии с основными цветами вашего проекта.
Пользуйтесь шрифтами формата woff. Это самый распространённый и поддерживаемый формат веб-шрифтов. В проекте используется шрифт ”Inter“ от дизайнеров «Фигмы». Его можно скачать на официальном сайте во вкладке ”Download“.
Пока у вас нет текстов карточек, полученных из API, вставляйте тексты из макета. Это сэкономит вам время.
Когда всё готово
В README.md обязательно добавьте название макета, который вы выбрали. По этому макету код-ревьюер будет проверять вёрстку на соответствие макету.
Ещё раз напомним, что вносить правки в дизайн макета нельзя. Когда вы отправите проект, выбрать другой макет не получится. Нужно сдавать работу с тем макетом, который вы выбрали и указали при первой отправке на проверку.
Отправьте ссылку на пул реквест, открытый из ветки level-2, в main через интерфейс Практикума. С этого момента и начинается проверка всей вашей работы. Всё как обычно: есть критерии и баллы за них, а также четыре итерации проверки.
Прикладывайте ссылку именно на пул реквест, а не на репозиторий. Как только работа будет зачтена, нажмите кнопку “Merge”, чтобы применить изменения из ветки level-2 в main.
Ещё 4 совета Вёрстку каждого элемента начинайте с его сложного состояния. Например, верстайте шапку для случая, когда число элементов навигации больше указанного в макете. Потом вы лучше упростите сложный элемент, чем наоборот. Сразу верстайте критические случаи, но не добавляйте их на страницу. Например, сразу сделайте страницу «без результатов поиска» и интегрируйте в проект прелоадер. Вот его готовый код: https://code.s3.yandex.net/web-developer/archives/Preloader.zip Измените цвет прелоадера в соответствии с основными цветами вашего проекта. Пользуйтесь шрифтами формата woff. Это самый распространённый и поддерживаемый формат веб-шрифтов. В проекте используется шрифт ”Inter“ от дизайнеров «Фигмы». Его можно скачать на официальном сайте во вкладке ”Download“. Пока у вас нет текстов карточек, полученных из API, вставляйте тексты из макета. Это сэкономит вам время. Когда всё готово В README.md обязательно добавьте название макета, который вы выбрали. По этому макету код-ревьюер будет проверять вёрстку на соответствие макету. Ещё раз напомним, что вносить правки в дизайн макета нельзя. Когда вы отправите проект, выбрать другой макет не получится. Нужно сдавать работу с тем макетом, который вы выбрали и указали при первой отправке на проверку. Отправьте ссылку на пул реквест, открытый из ветки level-2, в main через интерфейс Практикума. С этого момента и начинается проверка всей вашей работы. Всё как обычно: есть критерии и баллы за них, а также четыре итерации проверки. Прикладывайте ссылку именно на пул реквест, а не на репозиторий. Как только работа будет зачтена, нажмите кнопку “Merge”, чтобы применить изменения из ветки level-2 в main.