Skip to content
Submitted over 1 year ago

Responsive interactive rating component using Tailwind and Typescript

Partha Mallick•240
@parthamallick313
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Interactive rating component
  • HTML
  • CSS
  • JS
1newbie

Design comparison

SolutionDesign

Solution retrospective

I have two critical overview for this challenge:

  1. For non pro users, the color schemes cannot be properly understood just from the style guide.

  2. The typography font used here dont allow the text to be perfectly centered inside any container element by any techniques.

Note:- I will be really happy to be proved wrong if somebody show me the way to center the orange text in the thank you page.

Community feedback

  • Steve•1,170
    @peanutbutterjllyPosted over 1 year ago

    hey,

    You're right, that centered text is a little tricky isn't it? lol

    the closest I could get it is by raising the line-height of the button to 2.2.

    when its raised to 3 it becomes unnoticeable but then the button gets massive!

    nice job with your solution, you did great IMO

    1
    Partha Mallick•240
    @parthamallick313Posted over 1 year ago

    The regular sans-serif looks as good and works perfectly. @peanutbutterjlly

    1

Please log in to post a comment

Log in with GitHub

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