<script>
// Функция загрузки CSS или JS, править не нужно
function loadjscssfile(filename, filetype) {
if (filetype=="js") { //if filename is a external JavaScript file
var fileref=document.createElement('script')
fileref.setAttribute("type","text/javascript")
fileref.setAttribute("src", filename)
}
else if (filetype=="css") { //if filename is an external CSS file
var fileref=document.createElement("link")
fileref.setAttribute("rel", "stylesheet")
fileref.setAttribute("type", "text/css")
fileref.setAttribute("href", filename)
}
if (typeof fileref!="undefined")
document.getElementsByTagName("head")[0].appendChild(fileref)
};
// Вот сюда пути до файлов
function appendAssets() {
loadjscssfile("/src/style.css", "css");
loadjscssfile("/src/script.js", "js");
};
// Инициализация вставки файлов после загрузки DOM
document.addEventListener('DOMContentLoaded', function(){
appendAssets();
});
<script>.second__item и заменяется классом .second__active, который является модификатором и должен сосуществовать с первым..second__item--active.
Что, собственно, не отменяет мои слова про размеры шрифтов. Никто не использует VW, только пиксели да em/rem. И размеры шрифтов не скачут туда-сюда при изменении размера экрана.
Могут только какие-нибудь тексты с большим размером сделать меньше на мобильных или мелкие элементы сделать больше. Могут немного поменять базовый размер шрифта (16 в основном, планшетном виде и 14 в версии для мобильных).
P. S. Вроде, полностью адаптивные — сайты «Связного» и Apple. Я в пути, поэтому не могу проверить.