Почему на IOS слетает верстка?

Почитайте про флексы и гриды
https://html5book.ru/css3-flexbox/
Отличная игра для быстрого освоения https://flexboxfroggy.com/#ru
https://medium.com/@stasonmars/вёрстка-на-grid-в-...
Аналогичная игра по гридам: https://cssgridgarden.com/#ru
Или любые другие статьи, их полно.

Делать верстку флоатами, а остальное сдвигать отступами, ну очень больно. Что-то могли такое творить с большой тоски лет 10 назад. Сейчас не надо, сейчас есть прекрасные свойства.

Как проиграть анимацию внутри блока, при его появлении (opacity, display)?

Объясните по-русски, какого эффекта вы пытаетесь достичь?
https://jsfiddle.net/gpaqbmc4/
Если что, свойство display не анимируется. Используйте прозрачность, трансформации и т.д.

Как сделать отзывчивый бокс для товара?

steef08,

вначале инпуты россыпью

А вы засунули их в обертку.

И почитайте про соседние + и родственные ~ селекторы.

Естественно, если инпуты, лейблы и блок находились на одном уровне, а потом вы лейблы сложили в обертку, то нужно поменять селекторы.

Как сделать такой же блок с видео?

Александр Осадчий, ограничить координаты

Как сделать отзывчивый бокс для товара?

в коде:
блок карточки товара
в нем
вначале инпуты россыпью (они скрыты, так что без разницы)
блок с лейблами
блок с картинкой

Если нужно чтобы на мобилках сначала была картинка, а потом лейблы, то используете order.

p.s.
Делать одноцветные кругляшки картинками - изврат. Это решается фоновым цветом и внутренней тенью.

p.p.s
input#black а что, есть элемент с таким же id, но не инпут?
А для figure и label'ам задайте классы.
#black:checked ~ .figure {}

Как настроить стили для scrollbar?

Дело в том, что такой scrollbar не отображается у меня в файле .html, хотя в онлайн редакторе всё нормально

Значит, не всё или не так перенесли.

Как расширить кастомное свойство SCSS?

Vann Damm, я не вижу другого способа, кроме как разбивать цвета на отдельные составляющие.
Для тем, возможно, интереснее использовать hsl формат.

Возможно, эта статья наведет вас на какие-нибудь идеи по упрощению задачи https://css-tricks.com/switch-font-color-for-diffe...

Делаю код для кнопки?

Чем вас не устраивает тот хостинг на котором лежит сам сайт?

Как сверстать этот элемент?

Таблицей как-то так https://jsfiddle.net/9zrfa2m8/

Как учить Git и какой уровень требуется для работы?

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

Если из это фразы сделать правильный вывод и использовать гит, работая над фреймворками и другими учебными проектами, то основа использования гита как раз успеет улечься в голове.

Как расширить кастомное свойство SCSS?

Vann Damm, ну и каша...
при чем тут SCSS?
так:

--r: 32;
--g: 32;
--b: 32;
--bg_main: var(--r), var(--g), var(--b);
--custom_bg_main: rgba(var(--bg_main), 0.5);

Почему в одном шрифте разные буквы?

Вот страница с подключенным с гугла Roboto https://jsfiddle.net/18kexp50/
И всё выглядит хорошо.

Я думаю, что у вас лично в системе установлен Roboto без поддержки расширенных символов. Поэтому, вы видите кривой шрифт.

Как расширить кастомное свойство SCSS?

Vann Damm, очевидно, что всё работает https://codepen.io/Ankhena/pen/GRZomPB
Альтернатива: использовать цветовые функции, описанные в спеке препроцессора, opacify, transparentize

Как расширить кастомное свойство SCSS?

Если вы перестанете делать опечатки в последовательности букв rgb, то проблема исчезнет.

Как изменить favicon в проекте Vue.js?

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

Как адаптировать строго заданные размеры элементов под разные разрешения?

Кода не дождалась, тогда просто читайте
Специфичность MDN
Каскадирование с специфичность
Никто не знает CSS: специфичность — не каскад
Понимание веса CSS-селекторов

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

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

Альтернативы: order, row-reverse и т.д.

Как верстать на ноуте?

Angular/Vue, на них когда пишешь автоматом отображаются изменения )

Эту часть сотрите, пожалуйста.
А то кто-нибудь еще подумает, что это из-за вью лайврелоад работает.

Как без костылей сделать такой блок?

Трансформом это делать неудобно, придется 2 раза поворачивать.

Вариантов решений несколько:

1. Наложением белого треугольника.
Треугольник делается
1.1. градиентом
1.2. бордерами
1.3. svg

2. clip-path

Как начать верстать?

Как научиться верстать без проблем?