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
Not Found

Submitted

Mobile first ,Css custom properties and Flexbox

@SaifN97

Desktop design screenshot for the Huddle landing page with curved sections coding challenge

This is a solution for...

  • HTML
  • CSS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


Excited for feedbacks on this one! :)

Community feedback

@oliveiring

Posted

you'd to know how you deal with each background section?

0

@SaifN97

Posted

Hey @oliveiring!

Yes it was kinda tricky to pull this off, using curves as background-image property did quite work for me so I used the images in the markup and switching the mobile and desktop version by assigning them dedicated classes as class="mobile" and class="desktop" then simply used the display property to hide and show each on the suitable screen sizes.

I hope this makes sense,

I know you're struggling with background images too, its totally normal, I struggled for quite a long time with it too but taking a step back and going over the absolute basic fundamentals helped me finally figure it out.

Hope this was helpful

Have fun coding! :)

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