Submitted about 1 year ago

React + NextJS + ShadCN + TailwindCSS

next, react, shadcn, tailwind-css

Jared Peters•120

@jrddp

A solution to the Interactive rating component challenge

Preview Code

Solution retrospective

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

Scaffolded with only 1 command using my Frontend Mentor NextJS Template.

I used ShadCN this time for base components, but I think I may avoid it for future Frontend Mentor challenges for simplicity. I think it might be more appropriate to use Radix or Headless UI since I am styling everything manually anyways.

What specific areas of your project would you like help with?

It seems like the text is not vertically centering on divs with the Overpass font. It appears to be slightly too high. Does anyone know what could be causing this?

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on Jared Peters'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