Как работает размер экрана?

В чем мой затуп?

Без кода и примера на jsfiddle.net или аналоге сложно сказать.
Особенно это касается части "если посмотреть визуально".
Про полосу прокрутки не забывайте, хотя её наличие не потянет на "гораздо меньше".

А лучше расскажите какую именно задачу вы решаете на самом деле.

Как можно реализовать подобный фон?

Вероника Катаева,

Какими свойствами это можно реализовать?

с помощью background-position
так: https://jsfiddle.net/xnwh8fgj/

Как можно реализовать подобный фон?

Вероника Катаева, сейчас вы сама с собой разговариваете.
Если хотите, чтобы тот с кем вы говорите, получал об этом уведомление, нажимайте на "Ответить" или вставляйте ник, начиная с @

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

div для этого совсем не нужен.
Просто переставьте padding с обертки в слайды и задайте слайдам фоны.

Почему сломался отладчик кода в Opera?

Igor Borisov, да, это так.
Короче, в версии 81.0.4196.60 всё работает нормально. Проверено на нескольких компах, в которых только что была необновленная и копировала криво и потом в обновленной - ровно.
И да, опера бывает странно обновляется и иногда нужно её ещё раз зарыть и открыть, чтобы всё верно применилось.

Спорить тут не о чем.

Почему сломался отладчик кода в Opera?

Igor Borisov, да ёлки, был временный баг в хромиумах, без разницы в Хроме или в Опере, его починили в последних версиях.

Как можно реализовать подобный фон?

Вероника Катаева, задвинуть его вниз за границу блока

Почему сломался отладчик кода в Opera?

Igor Borisov, у меня в ней всё починилось и нормально копируется.

Почему недоступно верхнее меню?

Евгений Иванов, да, если пользоваться инструментами разработчика, то и без фона всё видно.

Почему сломался отладчик кода в Opera?

Обновите браузер

Как можно реализовать подобный фон?

Что именно не получилось?

Как можно реализовать подобное?

Да так прямо и реализовать.
Задать background-image, background-size и background-position.

Почему недоступно верхнее меню?

Задайте фон для content-wrapper-position-center и всё поймете

Как в инпуте сделать фокус перед placeholder?

Можно ли это как-нибудь исправить в css?

Можно скрывать плейсхолдер при фокусе.

Адаптивный tabs, проблема с иконкой при клике открыть контент, как исправить?

Антон Вебсайтовский,

да я делал, оно не работает.

Показывайте

Как проверять не пустое ли поле input?

Через :valid, :invalid, :placeholder-shown
Тут есть пример https://qna.habr.com/q/1055038

Но не забывайте, что основная валидация должна проходить на сервере.

Адаптивный tabs, проблема с иконкой при клике открыть контент, как исправить?

Антон Вебсайтовский, вы не иконкам pointer-events, а псевдо.

И я уже написала в прошлом вопросе: иконки это украшение, их незачем вставлять в разметку. Даже если они шрифтовые (жжуть)

Как сверстать такой грид?

Konstantin - mvr, на 10 поделить и будут fr.
Не нужно указывать номера линий, это лишнее, просто через span указывайте, меньше кода

Адаптивный Tabs на css, при клике раскрывает контент, а как сделать чтобы по клику закрывало контент?

Антон Вебсайтовский, да, а красоту пишут в css. В этом и дело.

Адаптивный Tabs на css, при клике раскрывает контент, а как сделать чтобы по клику закрывало контент?

Антон Вебсайтовский, клик срабатывал по иконке, вы убрали с псевдо, в чем логика?

Aria-hidden нужен, чтобы убрать мусорные теги (а иконки в разметке это мусор) для читалок.

Адаптивный Tabs на css, при клике раскрывает контент, а как сделать чтобы по клику закрывало контент?

Антон Вебсайтовский, это не глюк.

Нормальное и самое простое решение в данном случае: перестать вставлять иконки в разметку. (Это в любом случае разумно)

Либо можно убрать с них pointer-events, а для полного феншуя поставить aria-hidden.

Либо начинать потихоньку изучать js.