hzzzzl

это добавить

.sheme-block__item {
  flex-basis: 25%;
}

.scheme {
    background-color: #f3f3f3;
    &-block {
        width: 20%;  <- это убрать? или зачем контейнер 20% от ширины страницы
    }
}

считать добавленные строки отдельно, добавлять строки отдельно

если структура как тут, то нафиг дерево, можно обойтись просто списком линков

https://jsfiddle.net/mq86djnh/

привязать кнопки к самим модалам через общий атрибут, например data-modal="modal--1"

нет, если сделать правильно, то ширина не будет 2кпикс, браузер будет масштабировать

https://developer.mozilla.org/ru/docs/Mozilla/Mobi...
sitist.ru/info-viewport.htm

Общая ошибка заключается в том, что разработчики часто используют значение initial-scale=1 для неадптивных шаблонов. Такая установка приводит к отрисовке 100% страницы без масштабирования. Если дизайн неадаптивный, то пользователю приходится либо много прокручивать, либо вручную устанавливать масштаб, чтобы увидеть всю страницу.

вот вьюпорты для некоторых моделей телефонов, 360-420 пикселей в среднем "ширина"
https://mediag.com/blog/popular-screen-resolutions...

<input type="radio" name="programms" id="first">
<label>
	<span class="it-idv-slider-radio__text">Профилактика компонентов системного блока             300р</span>
</label>

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

а потом через css менять before у лейбла
https://codepen.io/manabox/pen/raQmpL

https://jsfiddle.net/7txkgLr5/

можно исхитриться
https://jsfiddle.net/uoh76m09/

сохраняешь в браузере количество элементов на странице, например articlesLoaded = 10

когда доскролливаешь до последнего загруженного элемента на странице, то браузер делает запрос на сервер, получает ответ и дорисовывает новые элементы, заодно сохраняет новое количество элементов на странице, например articlesLoaded = articlesLoaded + 10

fetch('/api/getmore?skip=' + articlesLoaded).then(.....)

на стороне сервера/mongo делаешь подобный запрос

const newArticles = await Article.find({}).limit(10).skip(req.query.articlesLoaded)

https://beginnersbook.com/2017/09/mongodb-limit-an...

попробуй

[...document.querySelectorAll('*')].find(tag => tag.textContent.trim() == 'This is the text')

есть событие offline
https://developer.mozilla.org/en-US/docs/Web/API/W...
-
https://developer.mozilla.org/en-US/docs/Web/API/N...

canvas {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1000;
}

яваскриптом по клику на кнопку?
https://codepen.io/anon/pen/NQdwMK