Задание 3

Задание у нас уже посложнее: сегодня нужно разобраться с блочной моделью.

Сразу оговорюсь мы можем менять не только css но и html.

Используйте справочники htmlreference.io и cssreference.io если не понятно на английском у вас всегда есть гугл.

Нужно:

• добавить отступов первому header,
• сблизить заголовок и подзаголовок,
• добавить внутреннего отступа первой секции

не забывайте про no normalize css

Помните: нет глупых вопросов, есть лишь страх их задавать.

Ответ на прошлое задание

body {
  font-size: 22px;
  line-height: 34px;
}

header,
nav {
  background-color: #fd739c;
  color: #fff;
  font-family: Arial, Helvetica, sans-serif;
}

h1,
h2 {
  font-family: Arial, Helvetica, sans-serif;
}

• стили текста мы вешаем на body, потому что параграфы их наследуют,
• с header та же самая ситуация — тексты станут белыми и со шрифтом без засечек,
• header, nav потому что селекторы можно перечислять,
• при font-family: Arial, Helvetica, sans-serif браузер берёт Arial, если его нет — Helvetica, если и её нет — системный шрифт без засечек.

Для понимания как работают селекторы предлагаю потренироваться с вот такой штукой https://flukeout.github.io/

У меня спрашивали как сделать автоматическое обновление в vscode что бы было как в кодпене, я рекомендую попробовать вот этот плагин https://marketplace.visualstudio.com/items?itemName=ritwickdey.LiveServer

У кого проблема с запуском vscode попробуйте установить это https://nodejs.org/ru/ и переустановить vscode