Как растянуть чат на всю страницу?

JustScript88, в интернете (на YouTube, на торрентах) хватает разных видео и курсов по верстке. Платных и бесплатных. Пытаться искать те, которые понравятся и из которых Вы можете почерпнуть что-то новое.

Почему не отображается картинка в ::after?

QWintA, выложите код на https://codepen.io/pen/, чтобы на Вашем примере можно было поискать проблему и продемонстрировать решение.

Как сменить положение?

Выложите фрагмент кода на Codepen, чтобы на Вашем примере поискать и показать решение.

Как увеличить background для слова?

Joulence, потому что Вы задаёте padding при наведении (.nav__link:hover).
А Вы задайте для обычного класса ".nav__link", чтобы он всегда был

https://codepen.io/hisbvdis/pen/rXGpOE?editors=1100

Как увеличить background для слова?

Выложите фрагмент кода на Codepen, чтобы на Вашем примере поискать проблему и показать решение

Как оставить пустую ячейку в grid-контейнере?

BenderIsGreat34, это потому что я немного изменил верстку, добавил пару классов. Ну и я изначально опечатку допустил, а Вы её скопировали до того, как я исправил.

Если делать в рамках Вашей верстки, то нужно добавить

.works__grid a:first-child {
  grid-column: span 2;
}

Результат:
https://codepen.io/hisbvdis/pen/aeLvxo?editors=1100

Почему при повороте устройства в горизонтальное положение или обратно не применяются медиа запросы?

Выложите код на CodePen, чтобы на Вашем примере попытаться поискать и показать решение проблемы

Адаптивная вёрстка на flexbox может ли считаться полноценной адаптивной вёрсткой?

xonar, посылать требования работодателя - очень недальновидный подход.
Правильнее с высоты своего опыта подсказывать решения, которые Вы можете считать более рациональными.

Адаптивная вёрстка на flexbox может ли считаться полноценной адаптивной вёрсткой?

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

Как выравнять меню по pixel perfect?

Не хватает картинки макета, чтобы наложить и попробовать поискать решение

Как зафиксировать элемент при прокрутке?

Антон, вроде должно работать https://caniuse.com/#search=position%3A%20sticky

Как реализовать сей блок?

Рустам Байназаров, ясно. Спасибо за ответ

Как реализовать сей блок?

Рустам Байназаров, под "вручную" я имел в виду написание кода, а под "программой" - рисование, например, в Adobe Illustrator. Не могли бы подсказать название программы, которую использовали?

Как реализовать сей блок?

Рустам Байназаров, подскажите пожалуйста, Вы этот SVG вручную рисовали или или в какой-то программе?

Как поставить блок под блоком?

На картинке много блоков. О каком именно идёт речь, непонятно. Ну и код выложите на CodePen, чтобы можно было на реальном примере посмотреть проблему

Как задать разные стили потомкам блока div?

Выложите код на Codepen или JSFiddle, чтобы Вы сами могли увидеть, что результат не соответствует тому, что на картинке

Как сделать плавное появление псевдоэлемента?

Было бы желание предоставить материал, который можно было бы пощупать.
Хоть архив залить куда-то и ссылку дать.
Да и на Codepen без проблем SASS с амперсандами размещают.

Как расположить цифры по серединам клеток?

p3trukh1n, у меня нет никаких входных данных: что это за макет, как он будет применяться и как именно должен выглядеть.
Поэтому делал наугад.
Получилось вот так.
Вряд ли это самый оптимальный вариант, но для примера, думаю, подойдет.

https://codepen.io/hisbvdis/pen/Xvbyvd

Как расположить цифры по серединам клеток?

p3trukh1n, Вы наверное не прочитали моё сообщение. Я там и описал, что проблемно это при текущих стилях. Лишь отчасти работает. Но в определённый момент гриды все же берут свое

Как расположить цифры по серединам клеток?

p3trukh1n, обновил ответ. Дополнил и про это.