Responsive hero section - multiple problems

Design help Layout & Design
1

Hi, i tried adding the hero section layout from the editor but it is not responsive. Why is this?

Also should i use flexbox or grid for a hero.

Thanks

Here is my site Read-Only: LINK
(how to share your site Read-Only link)