Верстка страницы на примере реального макета ЧАСТЬ 4. | Верстка макета FIGMA с объяснением

preview_player
Показать описание
В этом видео мы задаем и оптимизируем стили для текста в макете.

Макет взят на просторах интернета и находится в свободном доступе.
Ссылка на макет:

Ссылка на файлы проекта:

----------------------------------------------------------------------------------------------------------------
Поддержи канал:

PayPal

Patreon

Donatello

Crypto
USDT: 0xb205047a3f2ceb5198d547e3de011d1a85412fac
Рекомендации по теме
Комментарии
Автор

55:04 font-family убрать пробелы (возможно). Не подключились шрифты у Вас. Привести в соответствие @font-face, font-family and link.

yrlvvcv
Автор

Спасибо за переданные знания, Лайк однозначно!

ragnardark
Автор

Спасибо за видео, снова ряд вопросов возник:
1. Не лучше ли использовать max-width вместо width?
2. Можете подробнее рассказать почему использовать обнуление плохо? *7:13*
3. Если мы обнуляем или используем auto для margin блоков это не перечит БЭМу?
4. Почему мы задаём внутренние отступы именно header'у, а не, например, внешние для page-header__container? Есть ли в этом принципиальная разница?
5. По макету в секции excellents под иконкой чата отступ в тексте идёт после слова "связь". Но по вёрстке иначе. Вроде мелочь, но всё же как тогда верстать в макет, если через общие стили для списка (.excellents__item) нельзя подобрать padding? Использовать тег br?
6. 1:11:00 - почему для svg используется именно display:flex и margin:auto? Может использовать padding?

bnfyzzs
Автор

Привет еще раз). Хотел спросить, сколько уже занимаешься фронтом и с какой интенсивностью занимался? Очень интересно узнать сколько мне надо времени, чтобы достичь твоих знаний.(я тока начинаюший)😅

dtmfhqt