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

Чтобы не городить height: calc(...), можно просто вертикальные маргины с .card убрать, они там нафиг не нужны. Цену и кнопку придётся завернуть в отдельный div, иначе их тоже выстроит в столбик. В итоге по карточкам получается что-то такое:



Шрифты в мобильнике вроде на месте, через browserstack смотрел.

VS code как убрать подсветку блока?

Попробуйте Language Mode переключить на HTML. В правом нижнем углу статусбара, рядом с кодировкой и режимом End of Line. Сейчас у вас скорее всего там автоматически выбрано PHP.

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

Lord_Dantes, но автор вопроса не этого просил же. С centeredSlides: true слева от начального слайда будет пусто. Если прокрутить слайды дальше (или включить loop), слева крайний слайд точно так же будет обрезан, как и справа. У автора вопроса чёрным по белому написано, что ему нужен левый край строго по сетке.
Так что ваш ответ — на совсем другой вопрос. Мой при этом вполне рабочий, проверено. Хотя конечно вариант с дробным slidesPerView от RAX7 гораздо изящнее.

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

Не знал, что swiper поддерживает нецелые slidesPerView. Спасибо )

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

Lord_Dantes, содержательный ответ!

На каких технологиях создан сайт сериала тьма?

Судя по router-link-exact-active в классах, это Vue. Но транзишен в боковом меню точно не стандартный, да и вообще Vue там глубоко зарыт )

Установка vue/cli?

HamSter, отлично :)

Как можно объяснить подобное поведение песевдо-элемента :after?

Никита Юсупов, теоретически не должен, но мало ли )
Я у себя не могу воспроизвести вашу проблему ни в одном браузере. Вообще действительно похоже на кривое масштабирование, и даже если в браузере 100%, оно может быть включено где-то на уровне системы. Попробуйте там тоже перепроверить.

Установка vue/cli?

Да, прошу прощения, vue-cli действительно сам всё ставит.
Какие именно ошибки выдаёт npm run build?

А вообще, судя по всему, это проблема node.js. По ссылке советуют удалить C:/Users/{username}/AppData/Roaming/npm и C:/Users/{username}/AppData/Roaming/npm-cache и заново всё поставить.

Очень странно срабвтывают @media запросы, что делать?

dimka_datsiuk, DPR поменяйте на 1 в девтулзах.
Но вообще странно, там масштабирование ×1.25 получается, а не ×2.
992 / 794 = 1200 / 960 = 1.25

Возможно, в ОС установлено масштабирование, смотрите настройки Windows.

Как расположить один элемент посередине, а другой в конце?

Я бы лучше добавил margin: 0 auto для header__logo вместо лишнего пустого элемента в DOMе.

Если нужны мучения и/или логотип строго посередине экрана, то можно либо кнопке добавить position: absolute, либо header__body — паддинг слева той же ширины, что и кнопка )

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

wo0dpeker, добавьте блоку с текстом flex-grow: 1, чтобы он растягивался на всю доступную ширину.
Тогда стрелка всегда будет прибита к правому краю.

После перехода на видеокарту Radeon видео с YouTube стало рваным, почему и как решить?

Капитан Какао, с DP по моему опыту обычно вообще проблем никаких, разве что из разъема его выковырять иногда )
Поздравляю ))

После перехода на видеокарту Radeon видео с YouTube стало рваным, почему и как решить?

Монитор подключен через HDMI?

Проверьте, какой у вас pixel format выбран в драйвере: https://www.amd.com/en/support/kb/faq/dh-007
Должно быть Full RGB.

Как сделать псевдо слева?

tkachenkoaanna097, clip-path, градиент, SVG, картинка.

Где ошибка в формировании массива, js vue?

martos28, внутри массива строки. В {{ item.titles }} вы пытаетесь получить свойство titles объекта item, которого нет, потому что item — вообще не объект.

Как убрать эти(скрин) полоски из таблицы?

Там вообще какой-то адище в CSS, если честно.
Полоски от того, что верхний и нижний бордер заданы для родительского элемента (items__box), а все остальные для вложенных. При этом родительский элемент шириной 100%, а у вложенных задана максимальная ширина в 325 пикселей. Соответственно, когда родительский элемент шире, чем 325*3, появляются ваши полоски. И всё это непонятно зачем свёрстано на флексах, притом что флексы по сути не используются никак.

Если вкратце:

.item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 15px 0 0;
  font-size: 16px;
  color: #3c3e44;
  position: relative;
  -webkit-transition: color .4s ease;
  transition: color .4s ease;
  height: 75px;
  border-right: solid 1px #dddede;
  border-bottom: solid 1px #dddede;
  -webkit-transition: box-shadow .4s ease-out, color .4s ease;
  transition: box-shadow .4s ease-out, color .4s ease;

  /* убрать у .item ширину и добавить флекс */
  flex: 0 0 33.33333%;
  box-sizing: border-box;
}

В чем причина ошибки верстки vuetifyjs?

Praporshhik_Zadov, да, всё работало. Но повторю, ошибок в DOM у меня не было и в 1.5, просто не отображались данные в таблице.

В чем причина ошибки верстки vuetifyjs?

Praporshhik_Zadov, у меня была 1.5, ставил в чистую папку с нуля. Снёс уже конечно, скрин не покажу )

Как заставить Background-color на устройствах apple iphone правильно работать?

Там вроде не фон пропадает, а текст не входит в блок. А уже почему текст не входит — другой вопрос, смотрите, что ограничивает ширину блока. Либо max-width, либо маргины/паддинги.

PS. Судя по всему, проблема в max-width: max-content.