Responsive Landing Page Using Flexbox

I also had a hard time with the section backgrounds.

For background-image in CSS try to use pseudo elements ::before and ::after.

Also check this out for the content background that will not overlap with top and bottom svg background-clip: content-box. You'll just need to experiment with the right padding to fit with the section content.

I too was beginner in this and my solution still has some minor errors. I hope this community will help us grow. :smile:

Hej, your solution (I only viewed it on mobile yet) looks very good 👍 I wonder what’s your problem with background-image. Can you provide your code, which failed?

I didn’t use it before but what’s about masking or svg with paths? Best greetings🖖🏼