Workit landing page

Solution retrospective
I’m pretty happy with how clean the Tailwind v4 implementation turned out, especially getting those background patterns perfectly aligned without adding a bunch of messy wrapper divs in the HTML.
Next time, I’d probably change how I set up the monorepo structure from the start. Configuring the paths for Vercel and CodeRabbit took a bit of trial and error at the end, so I'll definitely keep that in mind to make deployments smoother next time
What challenges did you encounter, and how did you overcome them?Honestly, the main challenge was getting used to Tailwind v4 since it drops the old tailwind.config.js completely. Dealing with the new @theme configuration using native CSS variables took a second to click. I also had some fun fights with the background curves and SVG positions; ended up fixing them cleanly using modern CSS clip-path and pseudo-elements so they wouldn't break the layout on mobile.
What specific areas of your project would you like help with?Nothing specific! I just built this one as a quick exercise to test Tailwind v4's new compiler and play around with Vercel deployments. The project is pretty much done and working fine, but feel free to check out the code if you're curious about how the components were structured.
Please log in to post a comment
Log in with GitHubCommunity feedback
No feedback yet. Be the first to give feedback on BarrieDirk’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