Skip to content
Submitted over 3 years ago

Huddle Landing Page Solution. **A SCSS use first for me!**

Eric Salvi•1,350
@ericsalvi
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

Super happy with how this came out. This one took a while because I was also pushing myself to learn and use only SCSS for this solution. I may continue on with it but it definitely took me longer than using pure CSS.

I am not sure if there is any feedback I would need but I am always open to it.

Community feedback

  • Patrick•14,265
    @palgrammingPosted over 3 years ago

    It looks good 🌟🌟🌟🌟🌟

    you might want to try setting your background size in mobile view to 120% then set background position to center top and see how you like that

    1
    Eric Salvi•1,350
    @ericsalviPosted over 3 years ago

    @palgramming Thank you. I'll give that a shot. For mobile, I actually purposefully set it so that it was towards the top and faded into the background. The desktop was not as nice and cover was the only option but didn't fit exactly to the design solution provided.

    That is the one negative thing about designing content in a mockup program versus what really should happen in HTML/CSS.

    0
    Patrick•14,265
    @palgrammingPosted over 3 years ago

    @ericsalvi you have to offset the desktop bg to the left to get it to line up right and make that big circle hide under the main content but yours looks good to me the way you had it in desktop so I did not mention it

    1

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