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

P
Nick 260

@nn-code80

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


To make the curves, I added the curved images to the top and bottom of the section, then just filled the background with the same colour and used position to adjust as needed if a gap appeared. Was this the right way to do it?

Also, I just noticed that everything looks great in Chrome, but one of the curves is flattened out in Safari. Would anyone know what is happening?

Thanks for the Input!

Community feedback

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