Как сделать зеркальную таблицу, с помощью?

Виталий Хван, да я вроде весь код и так написала в ответе
но пусть будет песочница https://jsfiddle.net/86vk88bj/

Можно ли использовать внутренние стили в единичном случае?

Е - единообразие.
Стили в CSS, разметка в HTML.

- Есть ли гарантия, что на всем протяжении жизни сайта этот блок останется единственным серым.
- Что этот блок всегда останется именно серым и именно таким серым, как сейчас.
- Что кроме серого фона он не имеет других свойств, например, отступов, размеров шрифта и т.д. и никогда не будет иметь.
- Что вы единственный человек, который будет поддерживать сайт.

p.s.
class="bg-grey" - разумнее называть классы по назначению, если серый это не его сущность.

Как правильно сверстать горизонтальное меню?

RinatWorld,

есть оптимальным вариантом будет этот?

Оптимальность зависит от параметра по которому оптимизируете ;)

Зачем role, если nav?
По п.3. этот код точно не проходит.

Как правильно сверстать горизонтальное меню?

1. Это реальная поддержка браузерами: https://caniuse.com/#feat=html5semantic (смотрите внимательно, частичная там относится к main)
2. Если список, то ul, а не ol.
3. Не стоит использовать id для стилизации.

Как во флексах задать ширину колонки по размерам контейнера флекса?

Елена,

Нужно, чтобы была фиксированная ширина, чтобы работало свойство flex-wrap.

С чего бы это?
Вот в вашем же примере без заданной ширины прекрасно работающий wrap: https://jsfiddle.net/j1t7nysw/

Верстка макета CSS стили на каждый чих, что я делаю не так?

Смотрела с телефона, так что не много замечаний
1. Шрифт подключать с одним названием, изменять только жирность font-weight
2. padding auto не бывает
3. Нет смысла задавать нулевые отступы блокам, у которых этих отступов отродясь и не было. А также писать другие свойства, одинаковые по умолчанию во всех браузерах.
4. Абсолютное позиционирование использовать только в крайнем случае, когда задача по другому не решается. Чаще всего достаточно флекса и отступов.
5. Дополнение к 4, но всё таки отдельным пунктом. Если блочики все всё время нужно сдвигать, т. е. они не ложаться в какую-то логическую схему. Например, все по центру, все одинаковой ширины или на одинаковом расстоянии, то либо вы не поняли задумки дизайнера, либо дизайнер был ленив и кривоват либо комбо этих "либо". Короче, повод остановится и проверить, а всё ли идет по плану и не надо ли этот план изменить.
6. Повторяющиеся свойства.
7. Нет смысла писать свойства с префиксами при наличии автопрефиксера.

Как сделать фон в секции?

mustafich, пройдите вот эти интерактивные курсы https://htmlacademy.ru/

Альтернатива valign в css?

https://learn.javascript.ru/css-center
дальше только с вашим кодом в песочнице

Как сделать фон в секции?

mustafich, https://jsfiddle.net/o8egoexd/

Как сделать высоту блока на всю высоту экрана?

Кристина, Эммм Я что-то не поняла, чем отличается размер изображения вставленного через img с ним же через background?

Как сделать фон в секции?

mustafich, Второй блок делается точно также, как и первый. Ctrl+c ctrl-v Нужно только названия классов поменять.

Как сделать высоту блока на всю высоту экрана?

Высоту задавать либо 100% либо 100vh. Либо минимальную высоту, потому что контента у вас больше, чем страница. Либо шрифт тоже надо задавать в vw, чтобы он масштабировался.
Зачем sky.png вставлен картинкой завернутой в div. Поставьте как bg к основному блоку. Жить станет проще. Это если нет никаких задумок, о которых не сказано в вопросе.

Как ставить нужное расстояние?

маргин и падинг не работает

бррррр
чего это он не работает?

А если я хочу поставить на свое расстояние в px

Ну так делайте не left и right, а оба left и между ними отступ.

А по-хорошему, изучите flex https://html5book.ru/css3-flexbox/ и пару статей про прогрессивное улучшение. Если флекс очень страшен, то хотя бы инлайн-блоки.

Порекомендуйте CMS для обучения внутренностей, как там все организованно?

дальше думаю в вордпресс погрузиться

Если цель разобраться с вордпрессом, то к чему тянуть и откладывать?

Если надо узнать как устроены CMS вообще, то с любой какая лично вам покажется симпатичной по описанию. Чем больше вы их посмотрите, тем больше будет кругозор и тем лучше будете понимать что такое хорошо, а что такое плохо. И не просто на основании "мне мой друг крутой программер сказал" или "так написано на тостере".

Можно ли slick slider сделать резиновым?

Да, он вроде по умолчанию всегда был такой.
Если обратного не написано в ваших стилях.

Если предположить, что у вас там не прямо картинки, а блоки с содержимым, то можно воспользоваться вот таким решением: сохранение пропорций у блока

Как выровнять блоки?

Любым из способов отсюда: https://learn.javascript.ru/css-center

Проблема с position absolute в Firefox?

ссылку поправьте

Как написать адаптивные стили для виджета авторизации ВК?

Варианты:
1. Открываете инспектор кода, смотрите классы, перебиваете их своими при нужных media
2. Проверяете meta viewport, как советует Ярослав Иванов

Как зафиксироваться footer в конце страницы?

https://jsfiddle.net/340z3t8h/
уберите у footer

//position: absolute;
    //bottom: 0;

Это для длинных страниц.
Для коротких - флекс или любой из древних методов, они гуглятся за 1 минуту.

Возможно ли узнать какую сетку использует сайт?

Сайт вообще не адаптивный.

Для сеток бутстрапа есть такое расширение https://chrome.google.com/webstore/detail/bootstra...

Еще https://www.wappalyzer.com просто достаточно хорошо показывает, что использует сайт из популярных фреймворков, CMS, языков и т.д..