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...

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

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

Как подключить разные файлы js к разным html файлам?

Нормальная практика проверять существует ли то, на что вешается.

Либо собирайте не один файл, а несколько. Плюсы и минусы давно известны.

Что у меня не так в цикле прохода по таблице и изменение атрибута элемента?

Василий Мединцев, вы в любом случае поправьте и в разметке, чтобы не было одинаковых id.

Что у меня не так в цикле прохода по таблице и изменение атрибута элемента?

Элемент с id idinputsodsotr1 может быть только один. Забыли менять ему номер?
Можете выбирать по тегу, если инпут один внутри ячейки.

Как сделать hover у вертикального градиента?

Genri_Rus, поэкспериментируйте с положением цветов и размером. Посмотрите как выглядит целый градиент.

Самый простой вариант: цвет 1, цвет 2, цвет 1 и 200%. Дальше развлекайтесь для достижения более интересных переходов.

Как сделать hover у вертикального градиента?

Genri_Rus,

а вот так нормально будет: ссылка?

Почему вы у меня об этом спрашиваете? Если вам красиво, то нормально.

Как сделать hover у вертикального градиента?

Genri_Rus, тогда по-старинке

Как сделать hover у вертикального градиента?

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

Ну и до кучи
https://jsfiddle.net/Ankhena/jpxa6Lh2/

Как убрать горизонтальный скролл в мобильной версии сайта?

Keany, ну и пусть себе меняется, это не повод городить два дива.

Как убрать горизонтальный скролл в мобильной версии сайта?

Keany,
На реальном смартфоне (460) я не вижу прокрутки.
Вижу в девтулзах на ширине побольше.

spoiler

И таких мест несколько.

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

Кстати, забыли обвести псевдоэлементы.

Что интересного успела увидеть:
1. За вот это maximum-scale=1 нужно отрывать руки. Если человек чего-то не видит или не может попасть пальцем по какой-то микро-кнопельке, он должен иметь возможность увеличения.

2. Вы делаете разные дивы для показа разных картинок. Это дублирование контента.
Уже давно придуман тег picture, используйте его.
К нему в комплекте удобно использовать display: contents, чтобы не мешался, например, в гридах. Да и вообще не мешался.

3. И семантика в целом. Дивы вместо списков или dl, параграфы вместо заголовков.

Как настроить сборщик svg sprite для проекта?

На случай, если у вас спрайт всё ещё из symbol, рекомендую сначала ознакомится со статьей https://telegra.ph/Stack--sprajt-zdorovogo-chelove... и переделать на современные.

Как убрать горизонтальный скролл в мобильной версии сайта?

Keany, у вас уже отличная картинка с обводками блоков. Вот и смотрите какой блок выпирает из ширины контейнера или body и почему и лечите.

Как сделать так ,что бы блок расширялся на всю ширину экрана?

1. Флекс родителю. flex-grow 1 для правого.
2. Грид родителю. И grid-template-columns: min-content 1fr

Если цель кнопка, то при гридах для неё не нужна обертка, просто поставить по центру ячейки.

Почему при наведении на блок с opacity: 0 я не получаю opacity: 1?

Kentavr16, Что-то БЭМоподобное