Как добавить несколько значений свойства в sass?

iBird Rose,

несколько backgound не получится

Почему это?

Как сделать так, чтобы при добавлении псевдоэлементов основной элемент не смещался?

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

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

Как при наведении на ссылку изменить цвет ссылки/текста и svg одновременно?

TtT RrR, супер!

Еще можно писать

.icon:hover::before{
    background-color: inherit;
}

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

a {
  --color: red;
  color: var(--color);
}
a::before {
  background-color: inherit;
}
a:hover {
  --color: blue;
}

Как заблокировать расширение textarea?

Андрей Андреев, если для целей ваших посетителей достаточно места, то норм.
Например, вот прямо тут, в комментариях к вопросу, неудобно, ограничение по высоте мешает полностью охватить написанный текст.

Как создать Свайпер на чистом JS?

Нашел два, но слишком муторно объясняется. Поэтому и подчеркнул чтобы каждую строку объясняли.

Берете каждую строку и гуглите. Так вы получите расширенное описание, что делает каждая из строк.
По дороге можете снимать видео ;)

Как работает автоплей видео на сайтах?

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

<img src="https://tabiturient.ru/article/selector.png" style="width:100%; width:100%; position:absolute; z-index:2;" class="mobile1" onclick="openf('298'); document.getElementById('video298').play();">

Как заблокировать расширение textarea?

Обычно вариант получше - это не вообще запретить ресайз, а позволить только вертикальный. Пользователям будет удобнее.

Как при наведении на ссылку изменить цвет ссылки/текста и svg одновременно?

TtT RrR,
1. span нужно удалить и заменить на пседоэлемент.
Если вам хочется сделать пустой тег в разметке, с вероятностью 99%, вы делаете что-то не то.
2. И потом менять background-color этого псевдоэлемента при наведении на ссылку.
3. Свойства с префиксами пишутся всегда до основного свойства, а не после.

Как растянуть Linear-gradient на весь блок?

https://codepen.io/AnnaSummer/pen/xxpPrOq
либо просто min-height 100vh

Ширина сайта по макету, как задать?

Shu90, универсального решения не существует. Выбор зависит от того, что нарисовано и от возможного наполнения контентом.

Ширина сайта по макету, как задать?

и под какую еще ширину экрана его желательно адаптировать?

При любой ширине окна сайт должен выглядеть хорошо и не иметь горизонтальной полосы прокрутки.

Нормально ли использовать grid для отступов, вместо margin?

Актуальное свойство gap (или раздельные column-gap, row-gap)

Нормально ли так повышать область клика?

Нормально ли так повышать область клика?

Нет.
Просто потому что div вообще не интерактивные элементы, у них нет областей клика

Нормальное меню делается тегами nav, ul, li, a.
https://www.youtube.com/watch?v=y52rtbUeCac&list=P...
Это решит для вас вопрос о разметке и необходимом количестве тегов.

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

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

TheAndrey7,

тем самым усложняя правила

Так меньше переопределений.
А специфичность одинаковая.

Включите блочное отображение элемента и они начнут у вас работать как надо.

Там div, они по умолчанию блочные.

Как растянуть один grid-div на всю ширину?

CHtommy, тут грид не дает удобства.

если я представлю, то кардинально изменится вся картина

Да, именно по этому имеет смысл этим заниматься. Причем до выбора инструмента для решения, а не наоборот.
Вся разница в одном css свойстве. Хоть с реактом, хоть без него.
А ещё обязательно нужно представлять, что будет при переполнении, если элементы перестанут помещаться в строку.

Как растянуть один grid-div на всю ширину?

CHtommy,

upd: и да, как вы поняли, что он просто стоит справа?

Попробуйте представить, что дизайнеру пришло в голову задать фон или рамку правому элементу. Будет это логично выглядеть, если блок будет растянут на всё свободное пространство? А если он будет прибит к правому краю?

Почему шрифт не становится жирным на айфоне?

DaniilPo, опять же скрин нечеткий, поэтому сложно понять что именно происходит с шрифтом. Но по тому что можно разглядеть, кажется, что жирность там присутствует.
Возможно, дело в нецелых размерах шрифта.
Можно пробовать -webkit-font-smoothing: antialiased (или наоборот отключить, если стоит и проверить)
https://habr.com/ru/post/122269/

Почему шрифт не становится жирным на айфоне?

DaniilPo, в этих стилях нет свойств font-family и font-weight.
Больше того, в них есть opacity: 0;, так что удивительно, что они вообще где-то отображаются.

Почему шрифт не становится жирным на айфоне?

DaniilPo, вы показали только подключение шрифтов. А стилей не показали.
А еще лучше песочницу.
И скрин с айфона в нормальном качестве сделайте, пожалуйста.

Почему вендорные префиксы псевдокласса ломают стили и как это обойти если используется CSSO?

Напишите в настройках CSSO запрет на объединение.

Как поменять значение Руб?

Писать !important в своем коде это моветон.
Без него отметила бы решением.