Workit Landing Page

Solution retrospective
My approach for the curved lines in the purple and pink sections was to make separate svgs and attach them to the bottom of the sections.
If there is an easier approach, please comment. I would love to learn an easier and cleaner way.
I ran into problems bundling with parcel. On local, the svgs were fine but in production they weren't spanning the entire width of the viewport. To solve this, I removed the width and height attributes from the svgs and added inline styles. With these changes the build was successful.
Feedback is appreciated, thanks!!
Please log in to post a comment
Log in with GitHubCommunity feedback
No feedback yet. Be the first to give feedback on gfunk77's solution.
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