Skip to content
Submitted about 3 years ago

Interactive rating component solution with Vue 3 and Tailwind CSS

vue, tailwind-css
Hendro Triokta Brianto•90
@ndro
A solution to the Interactive rating component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Hi,

I want to know the detail of the color palette. My monitor can't catch some color so I can't see the difference. Let me know if you got the right color palette.

Thanks for the feedback.

Code

Please log in to post a comment

Log in

Community feedback

  • Tesla_Ambassador•3,070
    @tesla-ambassador

    Hey, it seems to me that you got your colors right👌. This solution is pretty solid, kudos! Only thing I might want to point out is that you should increase the size of the card because it's a little too small. I also had a quick look at your code, you use vue! That's awesome! Anyways, in order to fix your accessibility issues, you might want to contain all your components within a landmark like <main></main>... Also one more thing, I am not familiar with vue but I think there's a less tedious way to write code that will keep you from repeating your code over and over (The buttons and their labels) but am sure you will figure it out. I know I said one more thing 😁 but... lastly, I also use tailwind CSS it's really awesome, it was great to see someone use it too! Great solution!

    Marked as helpful

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