Workit Landing Page | Next.js + Tailwind + Framer Motion
Design comparison
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!
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