Как сделать так, чтобы при наведении курсора на один svg не срабатывало наведение на другой svg?

Только в общем случае, лучше не symbol, а svg.
https://telegra.ph/Stack--sprajt-zdorovogo-chelove...

Кaк сделать чтобы Swiper не выходил за пределы контейнера?

Wh_Raccon, пробел лишний в селекторе.

nextEl: ".swiper-button-next .swiper-button-next3",

должно быть так
nextEl: ".swiper-button-next.swiper-button-next3",
или ещё лучше так
nextEl: ".swiper-button-next3",

Кaк сделать чтобы Swiper не выходил за пределы контейнера?

overflow: hidden родителю

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

Супер вариант: перестать использовать для этого тег <i>, который предназначен вообще не для этого.
Заменить на псевдо с фоном или просто фон.

Возможно, хватит display: inline-block и vertical-align:middle для i. Но вы не показали какие у него там стили сейчас. (Обычно они у таких библиотек подустаревшие).
Лучше всего делать песочницу с демонстрацией проблемы на сервисах типа codepen.io, чтобы нам не нужно было играть в угадайку.

Либо флекс и align-items

И лучше бы не задавать кнопке жесткую высоту, а попадать в неё паддингами. Если никак, то минимальную.

На каких сайтах не используются куки?

alexalexes, ну конечно, спамерам очистка не под силу

Как правильно задать градиент?

boxFight,
1. Упростить градиент в Фигме
2. Экспортировать как png (svg, возможно, выйдет тяжелее)
3. Подобрать значения градиента опираясь на эту или другую статью css.yoksel.ru/radial-gradients
Например, как советует Полина в ответе.
4. Использовать псевдоэлемент и поворачивать его как хочется.

Как правильно задать градиент?

К той формулировке, в которой вопрос сейчас, ответ будет довольно идиотским: не вращайте его.

Если добавите подробностей: опишете чего ждете (скрин и/или фигма), что не так в результате (скрин, песочницу на jsfiddle или codepen), глядишь и ответы получше пойдут

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

Вот аналогичный вопрос с решением Как сверстать блок, чтобы дочерние элементы переносились на новую строку с учетом фиксированной кнопки в углу?

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

Начните с max-width...

Как выполнить grid сетку, если она включает колонки фиксированной ширины?

aaltqna,

Буквально в макете такая сетка

Сетка однородных элементов такая?
Я бы взглянула на макет.

как-то вы хитро подточили все под конкретное значение, я изменил переменную --fix и все сломалось.

Да, в одном месте забыла заменить 100 на кастомку, поправила
Но и в этом случае будут проблемы, если места останется мало.
И нужно кроме calc, туда ещё min() или max() вставить.
Но я и написала, что это демонстрация сути вычислений, дорабатывайте самостоятельно.

Как выполнить grid сетку, если она включает колонки фиксированной ширины?

Это как-то делается по-нормальному?

Чтобы обсуждать как это делать нормально, нужно знать истинную задачу.

С некоторыми ограничениями как-то так https://codepen.io/AnnaSummer/pen/pombKQK

SVG сам задает размер блока, как сделать адаптивным?

Tereverda, см выше.
Да для размеров есть атрибуты width и height.

SVG сам задает размер блока, как сделать адаптивным?

Tereverda, где размеры?

spoiler

Вот это

<svg class="img-fluid mb-3" alt="Фабрика картонных коробок РОНБЕЛ" width="100" height="77"><use xlink:href="https://ronbel.ru/wp-content/themes/5/logo.svg#perforation"></use></svg>

размеры.

Вот это

.img-fluid {
    max-width: 100%;
    height: auto;
    width: 100px;
    height: 77px;
}

тоже размеры.

С aspect-ratio тоже размеры.

SVG сам задает размер блока, как сделать адаптивным?

Tereverda, вам не надо убирать класс.
Нужно дописать размеры (или пропорции или как вы хотите чтобы оно там себя вело)

SVG сам задает размер блока, как сделать адаптивным?

Можно я отвечу вопросом на вопрос: а где вы ему указали какого он должен быть размера?

У класса image-fluid есть только это

.img-fluid {
    max-width: 100%;
    height: auto;
}

Оно и выполняется.

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

winser, вам уже несколько человек сказали, что нужно показать функцию createEl, мы не знаем что вы в ней написали.

Из-за чего валидатор сообщает об ошибке символа | в строке со шрифтами гугла?

Валидатор и гугл не учитывают друг друга?

Гугл не учитывает даже собственный page speed

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

winser, вы же не показываете функцию, как можно сказать, что и где вам поменять?

Вот фантастический пример

let elem = document.createElement('button');
elem.innerHTML = 'Web <b>example</b>';
document.body.append(elem);

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

winser, так вставляйте как html, а не как текст.
https://learn.javascript.ru/basic-dom-node-propert...

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

Вставить внутрь спан и стилизовать как угодно