Alternative Curve Solution for Huddle Landing Page with alt sections
Design comparison
Solution retrospective
Did a little alternative on the curves by using a CSS mask to creating the curves instead of using the svg images. My version does have additional waves to the edges, but it uses less images to create the sections.
If I had to do this again I would mess around a little more with the settings to try and match the curves a little more.
What challenges did you encounter, and how did you overcome them?There wasn't any major challenges that come to mind. It did take a little more to create the padding and margins between the sections in using my CSS solution for the curves instead of the images, but it will take less load times without needing the images.
What specific areas of your project would you like help with?Nothing in particular, but will always take suggestions and critiques.
Community feedback
Please log in to post a comment
Log in with GitHubJoin 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