Responsive Easy-Banking page using SCSS, CSS (grid, flex box) and JS.

What i found difficult in this project are:

• positioning of the mockup and intro image
• Trying to make it responsive even though i didn't do a good job with that
• figuring out which approach to use for properly aligning contents in the page.

Areas that i am unsure of are:

• The part where i make it responsive, while scaling it in the browser, it distort totally and content goes out of place
• positioning of the mockup and intro images
• Alignment of contents in the page

Questions about best practices:

• what are the best practices for structuring contents in your page (HTML) before applying styles to them?
• Is there is a better solution to making content responsive even while scaling the browser?