Skip to content
Submitted 11 days ago

Workit landing page

angular, tailwind-css
P
LVL 4
BarrieDirk1,410
@barriedirk
A solution to the Workit landing page challenge

Solution retrospective


What are you most proud of, and what would you do differently next time?

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.

Code
Loading...

Please log in to post a comment

Log in

Community 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