Ну... Это уже от личных способностей зависит :) если математика сложна для понимания, то и изучение программирования будет тяжелым

cтранно, когда новым блокам добавляешь эти классы - они не работают

а с чего ты взял что они будут на новых блоках работать?

там же написано .sec2.sec2-block - насследование

ну если родительскому блоку делаешь  класс .sec2, а блокам вложенным sec2-block классы, то по идее же должно работать, не?

нет, сам по себе sec там практический ниче не дает

как сделать такой эффект как последняя строка?

На контейнере градиентом изменяй опасити

на родителя делаешь height: 300px например и через градиент внизу вешаешь на :after

можешь помочь с скриптом?
function openCity(evt, cityName) {
 var i, tabcontent, tablinks;
 tabcontent = document.getElementsByClassName("cards-color1");
 for (i = 0; i < tabcontent.length; i++) {
   tabcontent[i].style.display = "block";
 }
 tablinks = document.getElementsByClassName("cards-color1");
 for (i = 0; i < tablinks.length; i++) {
   tablinks[i].className = tablinks[i].className.replace(" active", "");
 }
 document.getElementById(cityName).style.display = "none";
 evt.currentTarget.className += " active";
}
класс не добавляется

это react native

тут нет всех возможностей css

об этом нужно было писать

Это в Js чат )

В смысле, я писал приложение вернее верстку делал есть там всё

after?

для rn

у className есть такая штука, как add/remove функции

а ты про after, просто добавь вместо афтера дивку внизу и все разницы нет