Как правильно выровнять строчный элемент и его псевдоэлемент внутри блока div?

/*И почему, если псевдоэлемент по умолчанию inline, возможно проставить размеры height и width ?*/

У инлайновых элементов НЕТ высоты и ширины.
Но в вашем коде он не инлайновый, а блочный. Потому что у него родитель флекс.

Откройте инструменты разработчика и убедитесь в этом сами.

/*Свойство выравнивает псевдоэлемент внутри flex-контейнера "container_1" по высоте */

Это неверно.
align-items выравнивает вдоль поперечной оси. А куда она повернута зависит от flex-direction.
У container_1 получаются два дочерних элемента: span и псевдоэлемент ::before.

/*Свойство Выравнивает элементы внутри flex-контейнера "shipping_container"по высоте - то есть "container_1" и его псевдоэлемент*/

Нет.
Внутри shipping_container только один элемент и это container_1. Псевдоэлементов у shipping_container нет.

Как правильно выровнять строчный элемент и его псевдоэлемент внутри блока div?

А с чего должно быть невозможно? inline можно задавать размеры.

Задавать возможно. Только они не применятся.
Размеры бывают у блоков и инлайн-блоков.
Но не у инлайнов.

Как исправить проблемы с фоном?

SashaN69, было бы круто, если бы в песочнице была видна проблема. А не отвечающим добавлять за вас контент.

У вас проблема не с фоном. Это тень у body. А высота body на 1 вьюпорт.

Как адаптировать стрелки в Slick slide?

А т.е. заставить изменять свою высоту блоку slider.

Вы же сами задали фикс высоту 750px.

Как центрировать метку по вертикали?

ahillesius, к инлайновым элементам не применяются размеры.
Начните пользоваться инструментами разработчика в браузере. Увидите, что у вас он просто 0х0.

Как центрировать метку по вертикали?

ahillesius,

создать его с помощью стиля невозможно

Кружочки создаются с помощью border-radius: 50%

использование ::before возможно только при условии наличия url "кружочка"

Нет. Псевдоэлементу нужно свойство content и оно может быть пустым.
Только учтите, что псевдо по умолчанию инлайновый.

Что за белая линия внутри кнопки от бордер? И как есть убрать?

700Hp, Повторю:

Но песочницы нет, так что увы.

Как центрировать метку по вертикали?

ahillesius, если метка это белый кружок, то как её делать я писала в вашем предыдущем вопросе https://qna.habr.com/q/1095550
Если нет, то уточните о чем речь.

Что за белая линия внутри кнопки от бордер? И как есть убрать?

Вероятно, это псевдоэлемент не достает до границы.
Точно это можно сказать проинспектировав ваш код в девтулзах. Но песочницы нет, так что увы.

Как исправить проблемы с фоном?

Вариантов что там у вас приключилось масса.

Например, перестаньте задавать высоту блоку.
А может что-то ещё.
Для получения нормального ответа, сделайте песочницу на jsfiddle.net или аналоге.

Иконки в меню - стоит ли ставить?

Опросы на этом сервисе запрещены.
Но вы всегда можете протестировать обе версии на вашей целевой аудитории.

Как центрировать метку по вертикали?

Проверьте песочницу, сейчас в ней вообще нет "Free Shipping on Orders of Rs. 2587".

Если я всё правильно помню из вашего предыдущего вопроса, то для центрирования используйте флексы (ну или гриды)

Как убрать лишний прорез между вариантами ответа у input checkbox/radio?

1. input одиночный тег. Его не нужно закрывать.
2. Обнулять отступы сразу у всех элементов - плохая практика. Они вам все равно понадобятся. Задавайте сразу нужные значения или обнуляйте только тем, кому нужно. Я неоднократно писала это в ответах и комментариях (про reset и normalize).
3. Просто уберите margin только у этих инпутов.

Как реализовать дуги?

Чем обычный circle не угодил?
css.yoksel.ru/svg-fill-and-stroke/#stroke

Как сдублитровать блок?

Евгений Голубев,

Тут нет "правильного ответа".

Если вы внимательно посмотрите, к этому вопросу вообще нет ответа. Ни правильного, ни другого.

Как сдублитровать блок?

Евгений Голубев, никто не мешает вам предварительно подготовить всё что нужно с помощью подходящих инструментов и потом собрать всё в фигме.
Собственно, никто не мешает и весь макет сайта прислать верстальщику в фотошопе. Дальше по обстоятельствам.

Как сдублитровать блок?

Евгений Голубев, не путайте, пожалуйста, теплое с мягким.

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

ahillesius,

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

Мне лень делать за вас песочницу.
Судя по разметке, абсолюты там лишние.

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

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

Прочитайте про схлопывание и выпадение вертикальных margin. И выберите понравившийся способ решения.

Кстати, ни у флексов ни у гридов нет схлопывания.

И избавьтесь от абсолютов.

p.s. код без песочницы на jsfiddle.net в голове не компилировала.

Как правильно копировать SVG из Figma?

PochemuIKak, как вы себе это представляете с точки зрения геометрии?