vanilla js, flexbox, BEM, SASS

Hello there,

Thanks for the feedback. I don't know what's wrong but when I click on "Preview site", the layout looks the way it should (as per the design figma file). However, the screenshot of the site (generated above these comments) shows the hero image on the left with "Humanizing your insurance" missing. Because the layout is correct when you go to the actual site, right: 12% should not be necessary. Or maybe I misunderstood you?

What I forgot to mention when writing my original post is that the gap between hero image and the section that follows is visible on mobile devices.

Michal

Hello there! Good job with this one. I could give you some suggestion regarding the issues.

• To make the hero image position to the right, add the value of right: 12%; inside the rule set of .hero_image. You can adjust the value later on.
• To fix the space between the hero image and the content, add padding-right: 0; and margin-left: 2rem, adjust the values according to you liking.
• Adjust the padding and margin on every sections.

I hope this helps and keep up the good work!