What are you most proud of, and what would you do differently next time?
Most proud of the curves.
Next time I would create wrapper elements for the contents of each section instead of relying on padding. This would make it easier to control the elements.
What challenges did you encounter, and how did you overcome them?
The curves were especially difficult. I encountered them through brainstorming, ChatGPT, and a lot of trial and error. Part of the difficulty is that there are some many ways to approach the problem.
What specific areas of your project would you like help with?
What do you think is the best approach for the curves in this case and why?
@PeterBachman100
Posted
Thanks! I started with https://www.cssportal.com/css-clip-path-generator/, but mainly it took a lot of experimentation. Once I realized the curve height was always 4.7% of the view width, I was able to set the height of a ::before pseudo-element to that height and play around with the numbers until it fit just right.
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
