I’ve always been stumped by rounded/swoopy sections that you see in a lot of designs (especially landing pages) the last few years and so wanted to take a stab at building something in Webflow to practice.
For reference, I’m trying to recreate this free Adobe XD mockup from here.
And here’s a screenshot of the section in question:
So I’ve tried building it to the best of my abilities, but if you check out the staging link, you’ll see that the ‘swoop’ kind of gets cut off depending on the screen size - larger screens in particular.
My question is to see how I could better build a design like this and if you have any recommendations for how to approach it.
Thanks for any insights you can provide. If you have questions on what I’ve done so far to build it, let me know and I’ll clarify - just didn’t want to go overboard in the initial post.
Staging link: https://app-landing-cb.webflow.io/