С помощью чего лучше всего создать слайдер отзывов?

Посмотрите на swiper.js
Или выберите какой-то еще из готовых. Либо напишите свой, если там переключение только по булетам.
Зависит от того, что написано в ТЗ по поводу функциональности этого слайдера.

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

1. Псевдоэлементы или бордеры или градиенты или что-то ещё. Красоту - в стили, информацию - в разметку. Эти палочки это украшение - значит, стили.
2. Нет однозначного ответа, зависит от макета и поведения при адаптиве.

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

Сверстать используя адаптивные единицы измерения и позиционирование от центра.
Аналоги:
https://codepen.io/AnnaSummer/pen/QWQOvzy
https://codepen.io/AnnaSummer/pen/eYVeWXR

Как при клике на картинку в сдвинутом слайдере отобразить её в центре экрана?

В данный момент картинка привязана к текущему расположению сдвинутого слайда.

Чем привязана? Как привязана? Картинка привязана или её обертка? И т.д.
Думаю, понятно к чему я веду? Делайте песочницу на codepen.io или аналоге, чтобы было видно, что у вас там происходит.

Как выровнять блоки по левому краю?

Проще всего заменить на гриды.

Флексами это делать неудобно. Либо на JS задавать ширину ::after через кастомные свойства либо дописывать пустые блоки.

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

nonconformiste, послушайте, вы написали утверждение не соответствущее истине. И обозвали его базой.
Контекст наложения это часть спеки.

Ответом на вопрос это тоже не является.

Назвать спеку ересью...

И если что, я не призывала использовать отрицательный z-index, если есть возможность этого не делать.
Просто написала, что вы ошиблись и дали новичку неверную информацию, которую он может принять за истину и ляпнуть где-нибудь на собеседовании.

Теперь, вместо того, чтобы просто поправить ошибку или удалить ответ, вы ведете себя странно.

Как элемент с position absolute расположить ниже блока с текстом?

Никита, оригинально. В вашей песочнице псевдо даже не в ту сторону повернут и сам дочерний не поставлен куда надо.

Можно начать так: https://codepen.io/AnnaSummer/pen/LYdGoxP
Дальше вам потребуется js и немножко тригонометрии, чтобы сдвинуть псевдо с градиентом к нужному углу.
Удобно через кастомные свойства.

Альтернатива: нарисовать градиентный фон для родителя, а поверх него дорисовать тоже градиентом черные куски. Можно совместить с псевдо.

Ну или взять из макета SVG.

Можно ли сделать так, чтобы ссылка срабатывала на событие mousedown, а не onclick?

Убираете стандартное поведение https://developer.mozilla.org/en-US/docs/Web/API/E...
Пишете обработку для mousedown

Как добавить в форму календарь?

может есть какой-то плагин или codepen?

Мне всегда так нравится как вы спрашиваете про плагины и codepen.
С чем у вас сложности? Не знаете как называются элементы и не знаете где поиск по codepen? Про где гугл не буду делать предположений.

Как элемент с position absolute расположить ниже блока с текстом?

Так уберите z-index: 5 у родителя

Как сделать выход изображения за границы контейнера?

Проще всего вынуть из контейнера.

Расположение блоков flexbox?

С помощью какого flexbox свойства это можно реализовать ?

С помощью фиксированной высоты и flex-direction: columns. Ну и order.
Но в вебе так обычно нельзя.

Легко - гридами.

Таблицами, но только если у вас табличные данные.

float - со своими ограничениями, clearfix и только если 2 в коде первый. 1 и 3 не будут знать про высоту 2.

Абсолют - тоже можно, но со своими нюансами. Остальные блоки ничего не будут знать о размерах 2.

Как вы называете свои переменные в css?

Ну или fz.
В принципе, сокращения принятые в emmet большинству понятны.

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

nonconformiste, вижу два варианта: вы самостоятельно погуглите задачи, когда нужен отрицательный z-index. Или можете создать отдельный вопрос.

Как написать логику sms инпут на javascript?

Может есть какие-то примеры на codepen?

Наберите там в поиске что-нибудь типа "card input" и адаптируйте под себя

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

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