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

NotNight, чем подошло? Не в угадайку же играть.
Не подходит 100%, поменяйте на нужное значение и/или укажите max-width.

Почему у картинки странные отступы?

Сделайте песочницу на codepen.io c видимой проблемой.
Как вы предлагаете узнать это по скрину.
Может у вас там флекс с высотой или еще что-то. Или сама картинка такая.
Скорее всего из-за тени в ней.

Как сделать что-бы текст был поверх?

Yaroslav723, я поддерживаю Сергея

Почему разрешение экрана и браузера разное?

Узнать
myresolutionis.ru
https://www.esolutions.se/en/test

Вот у меня разрешение экрана 1920 по ширине

Вероятно, операционке у вас стоит масштабирование



Либо в браузере не 100%

Почему не находится указанный элемент в DOM?

1. id не может повторяться в рамках страницы
2. Изменить и удалить - семантически это кнопки, а не p.

console.log($(this).parent('.comments__control').next('.comments__message').text());

Хотелось бы еще узнать, как можно взять данные с элементов comments__people блока?

Заменить next на prev

Как сделать такой слайдер?

Только Slick устарел лет так на пяток. В отличие от современного, обновляемого swiper, которым и пользуется автор.

И в любом случае, это не ответ на вопрос.

Как сделать что-бы текст был поверх?

Оберните текст в span и задайте z-index

Либо основной цвет делайте через псевдо и оба псевдо, наоборот, вниз.

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

Sergei Nazarenko, о боже....
Я написала, что если не нужно разделения, то в одну.
Если нужно разделить, то в две.

Что вы мне пытаетесь доказать?
Вы видите полностью макет автора? Я нет.

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

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

Sergei Nazarenko, да, вы можете попробовать применять флексы внутри SVG.
Но ещё нужно помнить о том, что логотип это ссылка. И совсем не всегда нужно, чтобы пространство между знаком и текстовой частью было кликабельным.

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

Sergei Nazarenko, ну, мне не так хорошо видно макет автора и что там в адаптиве, как вам

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

Целиком, конечно, в одну SVG.
Разве что потребуется разделить значок и текст, тогда две SVG.

Почему не работает z-index?

nonconformiste, это не костыль, это спека.
Но в любом случае, утверждение про то, что "не может" неверное.

Как исправить разметку?

kentos, вы спросили как сделать только первый на всю ширину. Я ответила.

А дальше про то, что понимаете как работает каждый седьмой :)

Разметка там, кстати, вообще не при чем.

Как исправить разметку?

не понимаю как сделать только первый элемент на всю ширину

Первый элемент это :first-child

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

Только это не каждый седьмой, это каждый шестой начиная с 1

:nth-of-type(6n + 1)

Каждый седьмой это 7n

Как сделать отзывчивый размер шрифта, но с Pixel Perfect на определённой ширине экрана?

Maxim Kalinin, на калькуляторе
Вьюпорт в px знаете, размер шрифта в px знаете, посчитать %, надеюсь, тоже сможете.

Почему не работает z-index?

Хорошенькая база...
А у меня может https://codepen.io/AnnaSummer/pen/gOeabwa

Почему не работает jquery?

viva cristo64, тоже вариант, только в любом случае, сейчас вы вставляете строку, а надо снова с $
$('#string-4')

Почему не работает jquery?

Селекторы по id начинаются с #.
$('#string-4')
А дальше увидите что делает prepend и продолжите разбираться.

На каком сайте останется клиент, быстрый или красивый?

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

Почему не работает z-index?

css.yoksel.ru/kontekst-nalozheniya и другие статьи по запросу "контекст наложения"