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

Я бы лучше добавил 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.

Можно ли такое сделать на CSS без использования JS?

Роман Дворянов, можно, только в таком случае max-height всё равно придётся указывать более-менее близко к реальной высоте элемента, потому что иначе анимация будет кривой.

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

У меня ошибки нет, но данные не рендерятся, только заголовки. Начал копать и выяснил, что в vuetify 1.* для отображения данных в таблице обязательно нужен слот (што), а create-nuxt-app по умолчанию ставит как раз vuetify 1.5 вместо версии 2 (ШТО), в которой таких странностей нет.

Не уверен, что это поможет, потому оформляю в комментарий.

А вообще конечно нужна версия vuetify, которая установлена у вас, и хотя бы примерное понимание того, что она генерит в DOMе.

Почему Fire Fox некорректно отображает 3D трансформации?

В моём FF всё ок. Даже лучше, чем в Chrome, потому что в последнем как-то мыльновато получается.
Может, у вас в FF аппаратное ускорение выключено или версия браузера какая-то неактуальная?

Почему не добавляется отступ в bootstrap?

А ещё у вас опечатка во второй строке :)

Почему не добавляется отступ в bootstrap?

Вообще, рекомендую почитать про схлопывание границ: https://developer.mozilla.org/en-US/docs/Web/CSS/C...
И про то, почему в Bootstrap по минимуму используются margin-top: https://getbootstrap.com/docs/4.5/content/reboot/#...

Как с имитировать отображение сайта как на планшете?

Анатолий, если плывут только поля, которые не в пикселях — проблема в размере шрифта по умолчанию.
Если те, что указаны в пикселях, тоже меняются — что-то другое.
В Андроиде размер шрифта в браузерах скорее всего тащится из системных настроек. В Хроме есть ещё пункт в настройках Accessibility — Text scaling. Посмотрите, 100% там установлено или что-то другое.

Как с имитировать отображение сайта как на планшете?

Как вариант — поля указаны в rem, а на планшете в настройках другой дефолтный размер шрифта.

Как создать анимацию как здесь https://www.apple.com/iphone-se/?

Иван Симонов, каюсь, не проскроллил )
Судя по всему, там связка из WebGL + Unity. По крайней мере, гугл по ошибке, которую страница плюёт в консоль, выдаёт тексты про Unity. Больше не скажу, WebGL для меня тёмный лес вообще.

Можно ли такое сделать на CSS без использования JS?

Это самый простой вариант. Однако, если нужны анимации, придётся вместо display использовать что-то другое. Например, transform + z-index и/или прозрачность.

Почему не срабатывает центрирование в flex-direction: column в React?

Не совсем понимаю, о чём именно речь. В разрешениях до 768 включительно всё по центру. Выше — нет, но у вас и центрирования в CSS нет для экранов > 768.