Skip to content
Submitted about 4 years ago

Huddle landing page with single introductory section solution

elvis yanez•10
@eljobnm
A solution to the Huddle landing page with a single introductory section challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

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

Code

Please log in to post a comment

Log in

Community feedback

  • Kristine•310
    @sn-tin

    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.

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