Даша шКодит (v.0.3): разбираем первый макет и возникшие проблемы

У вашего броузера проблема в совместимости с HTML5

Итак, Даша сверстала первые две секции лендинга Translang и мы разбираем с ней эту работу.

СОДЕРЖАНИЕ:
00:00 Почему нам обязательно использовать Git? Опять про зависимости.
02:03 Смотрим проект. Проблема с контейнером. Отступы, переносы строк и лишние пробелы. Box-sizing и горизонтальный скролл.
13:02 Сложносоставные фоновые картинки и hover. Инкапсуляция имен классов. Лишний position: absolute. Вынесение общих стилей.
21:13 Шрифты и каскад в CSS. Файл editorconfig. Мелкие стилистические замечания.
28:50 Еще про вынос общих стилей. Как об этом думать?
32:35 Почему не подключается шрифт? Тонкости их подключения.
38:34 Немного про кэширование и связанные с этим проблемы. Добавлем изменения в Git-репозиторий.

Ссылка на репозиторий с кодом проекта и PSD-файлом: https://github.com/makewebme/dasha-shkodit_translang

????????????
Стань спонсором канала и получи бонусы: https://www.youtube.com/channel/UCt36CWL85NGtOgUMZ2X6x5g/join

????????????
Avocode - лучше обезболивающее для того, кому приходится верстать из PSD, AI, XD, Sketch и Figma. Регистрируйся и получи скидку 10% на первую покупку, введя в соответствующем поле промо-код ‘nikita’: https://avocode.com/pricing

Обучающие ролики по Avocode: http://makeweb.me/avocode-lessons-yt-desc

✊✊✊
Персональные уроки по веб-разработке: http://makeweb.me/lessons-video
Отзывы: http://makeweb.me/lessons-feedback
Связаться: https://vk.com/write-96139053 / [email protected]

✍✍✍
Присоединяйся к нашему Telegram-чату тут http://makeweb.me/telegram-mw-1 или, если не работает, тут http://makeweb.me/telegram-mw-2
Или по имени чата в поиске - @makewebme