Workit Landing Page | Next.js + Tailwind + Framer Motion

Solution retrospective
I'm proud of the time I spent in Figma expanding on the design document. I included curved banner support for up to 4k screens and added some intermediary typography media queries in order to maintain the design through a wide array of screen sizes!
I'd spend more time analyzing the design document next time as I found that some heading styles weren't included in the typography design document and caused me to spend time going back to include them once I noticed.
What challenges did you encounter, and how did you overcome them?Finding a working solution for the curved banner was trickier than I initially thought. Though I'm not completely happy with my solution, I am happy to have found a working solution and to have overcome the challenge!
What specific areas of your project would you like help with?Looking through my Banner component and/or spots to improve on semantic markup + accessibility would be a great help!
Please log in to post a comment
Log in with GitHubCommunity feedback
No feedback yet. Be the first to give feedback on Mauricio Lovera'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