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

Huddle landing page with curved sections

@barbaradamasdev

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


WOW, this was really challenging! :D I broke my head discovering how to do the BG waves to be responsive. But I did it.

I appreciate any feedback!

Community feedback

Cor-Ina 250

@CorinaMurg

Posted

Hi Barbara,

Wonderful job! This is the next project on my list, so I will be happy to give you any feedback once I finish. I'm tempted to look at your code, because I don't have any idea yet how to do the curvy sections (I know how to do it with HTML Canvas, but that involves JS as well), but I will not! Promise. :) I want to be able to start from scratch, with no help, except books and documentations. Wish me luck. Corina

1

@barbaradamasdev

Posted

@Cor-Ina thannnnnks :D. Was hard to do the wave sections, not because the SVG, because already have the archive, but actually the difficulty was to centered the wave no matter how big was the viewport.

You'll get it. Good luck. ❤️

1

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