Почему блок не по центру?

Почему блок "logo" с текстом не центрируется относительно блока "left-block" ?

Потому что у блока left-block нет ни одного свойства, которое бы центрировало контент внутри него.
И у блока logo нет ни одного свойства, которое бы центрировало его внутри родителя.

Кстати, зачем столько оберток?
И мы вроде в предыдущем вопросе про этот логотип пришли к выводу, что это картинка
https://qna.habr.com/q/1103748

Как используя JQuery отлавливать событие изменения input поля по его name?

Селекторы атрибутов пишутся в квадратных скобках https://habr.com/ru/post/85920/

Как сделать десятичное исчисление в pagination swiper?

:nth-child(-n+9)::before {
  content: "0";
}

Как перекрасить картинку в белый цвет средстави CSS?

mask + bg color https://developer.mozilla.org/en-US/docs/Web/CSS/mask
либо фильтрами

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

MrColdCoffee, если это именно логотип, часть фирменного стиля, то это картинка.
Шрифты рендерятся по-разному разными системами, браузерами, программами. Логотип не должен от этого зависеть.

Почему так выстроились элементы?

Froggyweb, тут мы с вами не сходимся

Почему так выстроились элементы?

Посчитайте количество открывающих и закрывающих div.

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

Тег button нельзя вкладывать в тег ul.

Мне нужно в меню .nav.ul добавить класс .container и переместить все li.nav_list туда

Внутри ul могут быть только теги li.
Зачем вам там нужен каклй-то контейнер?
Вы можете задать класс контейнера самому ul.

Кстати, новый аккаунт тоже не обязательно было создавать.
Это ведь ваш же вопрос https://qna.habr.com/q/1103436

Как активировать кнопку Чек-бокса после кастомизации?

Вот отличное видео от Вадима Макеева
Я его рекомендую посмотреть, даже если вы уже разобрались.

Как наложить одно изображение на другое?

russsyaaa получилось?

Как настроить сайт для экранов более 1920px?

но пока никакого результата....

Логично, потому что meta viewport вообще не для десктопов.

Как настроить сайт для экранов более 1920px?

Абсолютно также как и для экранов менее 1920.
С точки зрения верстки технологии идентичны.
Если не можете придумать как сайт должен выглядеть, то это к дизайнеру.

Думаю, что имеет смысл как-то конкретизировать вопрос.

Как сделать чтобы меню(моб) и его список были зафиксированы при прокрутки не разделялись?

Сложить их в одного родителя и задать ему position fixed или sticky. Для sticky вынести в body или в общий контейнер для всего сайта, если он в наличии.

Почему в div нужен дополнительный div?

Оформляйте код в песочницу на jsfiddle.net или аналоге так, чтобы была видна проблема.

Если один div просто ровно в другом, то не нужен.
Может быть там кроем одного дочернего есть еще какие-то, например, изначально скрытые элементы. Кто же знает, что в голове, в ТЗ и в макете у автора видео.

width:(calc(100%/3));

Переходите на гриды для таких сеток, там есть единицы fr. Вам понравится.

Как в sass работать с вложенными классами классов модификаторов БЕМ?

Это .cart-modal-mb и это .cart-modal - разные блоки => вообще находятся в разных файлах.

&__empty
Я вообще сильно против использования & для элементов.
Поиск по проекту становится двухэтапным. Сначала найди файл, потом найди в нем элемент. Хорошо, если нет похожих и вообще не много элементов.

Как скрыть кнопку при отображении подвала?

Сюда, наверное https://developer.mozilla.org/ru/docs/Web/API/Inte...

Как лучше оптимизировать css?

Антон Литвиненко, да, так бывает.
Сама тут чуть не забыла раскомментировать плагинчик. А был бы аналогичный кофуз.

Как лучше оптимизировать css?

S10LI, WebforSelf,

Вместо того чтобы один раз для 1440 написать медик и в нем расположить header и footer

Если уж разбиваете, то так, возможно, будет поудобнее:

.header {
  мобилкины стили

  @media (планшет) {
     планшетыкины  
  }
  @media (десктоп) {
     десктопа
  }
}


.footer{
  мобилкины стили

  @media (планшет) {
     планшетыкины  
  }
  @media (десктоп) {
     десктопа
  }
}

И очень удобно пользоваться миксинами.
Когда вы пишете

@media _lg {
}

вместо всей той истории с min-width.

Все равно сборщик потом соберет их вместе и сложит в низ файла, туда, где им и место.

Как лучше оптимизировать css?

WebforSelf,

Просто получается что у меня куча однообразных строк
медиа с размером.

Не очень понятно, что именно вы хотели этим сказать.
Развейте, пожалуйста, свою мысль или уточните сомнения.

Как лучше оптимизировать css?

WebforSelf,

мобайл фест вообще не понятно почему принцип. Т.к. чаще всего мобильную не отрисовывают, а просят оптимально сложить все в ряд.

1. Посмотрите на долю мобильного трафика.
2. Браузеру меньше всего обрабатывать. Взял первое правило и отрисовал.
При desktop-first будет несколько переопределений стилей.

Не важно что у вас в макете и как его рисовали. Это две разные истории: как рисовать/разрабатывать и как писать стили.
Так вот, для пользователя экономичнее, когда вы пишете стили в технике mobile-first.

Я кстати тоже чаще сначала верстаю десктоп, а потом корректирую стили, чтобы в итоге для браузера получился именно mobile-first.
Если есть оба макета, то сразу пишу и то и то. Но стили всегда mobile-first.

Как лучше оптимизировать css?

Как лучше реализовать это чтоб потом была возможность расширения блоков и не было каши.

Если в команде или в ТЗ нет изначального кодгайда, то без разницы как.
Лишь бы единообразно.

Мне удобно, когда код разбит на блоки. И всё про него написано в одном месте.
Плюсы:
+ не нужно никуда бегать и искать где от какого селектора media
+ легко взять блок и использовать его в другом проекте, не выковыривая по кусочкам