Easybank landing page using Vanilla JS, SASS

I find it a little challenging to make the hero background and the phone mock up responsive.

Some added features:

• fixed header animations when scrolled
• fade in animations when scrolling.
• added a feature when the nav is open, the user won't be able to scroll the body. To do that, I added a class to the body element like this:

body.fixed {
 overflow: hidden;
} 

And just toggles the class using Javascript.

Feedbacks and suggestions are highly appreciated! Thanks in advance and Happy New Year~