Не надо ничего чистить у пользователя.
Нужно указывать версию файла <link rel="stylesheet" href="css/style.css?131" >
Можно номер или дату или что вам удобнее.
Сам файл при этом переименовывать не нужно.
С большой вероятностью не нужно менять блоки и достаточно манипуляций с одним.
Отслеживаете скролл.
Когда будет пора меняете/добавляете блоку класс.
При наличии этого класса через css убираете лишние внутренние блоки и меняете стили.
Как реализовать зависимость блоков друг от друга, чтоб когда аккордеон раскрывался, нижние блоки (в данном случае текст Галерея и картинка) сдвигались вниз?
Перестать прибивать их абсолютом, а оставить в потоке.
Леонид Роженцев, зачем ее адаптировать? )))
На мобилках скорее всего вообще будет одноцветный фон (только градиент).
А если нет, то и этот крошечный кусочек SVG в сто точечек останется прежним.
Но, конечно, кто же знает что там в макете для мобилок.
Проблема у учебника или у вашего кода? )))
Всё, что касается вашей проблемы.
Кнопка, по которой вы удаляете изображения не должна быть сабмитом, а просто кнопкой type button.
И обрабатывайте клик по ней.
Вообще без всякой второй формы.
JQ тут не при чем.
Дело в CSS.
В том, как вы задаете синий.
Либо выкладывайте и CSS, а еще лучше делайте рабочую песочницу на jsfiddle.net или аналогах.
Либо самостоятельно прочитайте про специфичность селекторов.
Если других элементов tab и .active нету, кроме этих, то достаточно
.tab { color: blue; }
.active { color: red; }
Если .active вы добавляете где-то еще, то
.tab { color: blue; }
.tab.active { color: red; }
Если есть и другие tab с другими стилями, то еще добавьте еще родительский селектор.
Гадать по куску скрина кода не очень разумно, но попробую.
У родителя display: flex.
Если так, что читайте про flex-grow и flex-shrink.
Если не так, то см. первое предложение этого поста.
Нужно указывать версию файла
<link rel="stylesheet" href="css/style.css?131" >Можно номер или дату или что вам удобнее.
Сам файл при этом переименовывать не нужно.