Drovosek01

div.class1.class2

Разделяешь точкой, получаешь < div class="class1 class2" > < /div >

Посмотрите на WWW SQL Designer
Сам иногда использую для простых схем. Вполне удобно. Скрипт можно развернуть у себя. Правда нет никаких аккаунтов на сервере, но позволяет сохранять в Local Storage.

Да, это хорошо, это древняя фича, браузер выбирает протокол такой же как у странице с которой переходят по ссылке.

html, body {
  height: 100%;
}
body {
  display: table;
  width: 100%;
}
#contacts {
  display: table-row;
  height: 100%;
}
#contacts > .container {
  display: table-cell;
  vertical-align: middle;
}

В вашем примере дополнительная обертка не нужна
https://codepen.io/anon/pen/dgbbNW

Она может понадобится, например, если у блока должно быть фоновое изображение на всю ширину экрана, а контентная часть при этом иметь фиксированный (ограниченный) размер.

Альтернатива это calc и media условие на 500 точках (или на 500 + запас на отступы)
https://codepen.io/anon/pen/KGPOmX

Да изучите вы уже как устроены шрифты... css-live.ru/css/metriki-shrifta-line-height-vertic...
Постоянно об одном и том же спрашивают.

Очень плохой совет выше. Если верстать то так

.container {
  max-width: 1200px;  // делаем резиновым
  width: 100%;
  padding: 0 15px;
  margin: 0 auto;
}

Дальше вам нужно поучить меда запросы:
Статья
Видео

Как правильно верстают контейнер для контента:

.container {
  width: calc(100% - 32px);  // отступ по 16px в случае если страница <= 1024px
  max-width: 1024px;  // размер для примера
  margin: 0 auto;
}

max-width можно задать 100% и напрямую задать padding, само собой к ширине + 32px

.container {
  width: 100%;
  max-width: 1056px;
  margin: 0 auto;
  padding: 0 16px;
}

img {
    max-width: 100%;
    height: auto;
}

В проводнике "Вид-Параметры" Убрать галочку "Показывать часто используемые папке в панели быстрого доступа"

еще вариант https://codepen.io/anon/pen/dqGWRz

Никакую ширину под контент подстраивать не надо. Расположите элементы в обратном порядке - тогда заработает селектор .myLink:hover ~ .marker, а чтобы они отображались по-старому, можно использовать flex. Как-то так.

https://jsfiddle.net/zth7s63b/3/