Skip to content
Submitted about 3 years ago

Hundle landing page

Logan Willaumez•160
@LoganWillaumez
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Huddle landing page with a single introductory section
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

Hello, this is the new challenge I did !

It was to play with media queries, not totally sure about the additional background on mobile who scale when the page grow up, but I didn't find a better way to do this responsively 🤔

If u have any feedback don't hesitate :D !

Best,

Logan

Community feedback

  • Marcus Hugo•365
    @marcus-hugoPosted about 3 years ago

    Desktop looks great! I like the animations too! for the mobile background image, instead of body::after you could try using background-image with the svg url. This is what worked for me,

    background-image: url(../images/bg-mobile.svg);
background-repeat: no-repeat;
background-position: center 0px;
background-size: contain;
    Marked as helpful
    1
    Logan Willaumez•160
    @LoganWillaumezPosted about 3 years ago

    Hey @marcus-hugo !

    Thanks for your response :D , the contain size was the good answer, I change it and all is ok right now 😁

    Have a nice day !

    0

Please log in to post a comment

Log in with GitHub

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