Request path contains unescaped characters
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Huddle landing page with single introductory section solution

@eljobnm


Design comparison


SolutionDesign

Solution retrospective


Which is the best way to set the svg's as background? Was really struggling for me D':|

Community feedback

Kristine 310

@sn-tin

Posted

I added it in the body part of css by using: background-image: url(../images/bg-desktop.svg); background-repeat: no-repeat; background-size: cover;}

I did the same for the mobile size but changed the image to: background-image: url(../images/bg-mobile.svg)

I also changed the size to: background-size: contain

and then I added background-position: center top;

I hope this helps.

0

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord