Responsive page. Using: Flexbox,Mobile-first, BEM and horable JS

I'm starting to understand the java script, but understanding everything is very awful) too much code that is repetitive and not logical. Is it probably better to use classes to change styles? What about semantics? How much did I use div? Didn't bend the stick? And to write this text I used Google translator) so mistakes are possible)