Skip to content
Submitted over 1 year ago

Simple interactive card using TYPESCRIPT/SASS/WEBPACK

Cristina Kelly•140
@cristinakellyt
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

Hi, all! Here I am again with this challenge. I wasn't satisfied with my previous solution and made some changes:

  • The main one was to use <input type="radio> in the HTML file, which changed all my styles and javascript code. But I think it was a good improvement from alexkmarshall in the Discord community. Also, I learned a lot from this change.
  • Besides this, I had understood wrong the hover effect, so I fixed this also.
  • And remove handlebars from the configuration since it wasn't being useful here.

Any feedbacks and improvements are very welcome!

Community feedback

  • Salah Shadoud•240
    @SalahShadoudPosted over 1 year ago

    Hi Cristina! Congrats on finishing the challenge! i have a note about the star icon container, which is stratching from top and bottom, so i think if u use display: flex on it will get rid of the extra spaces that it takes and center the star icon in the middle. Happy Coding

    1
    Cristina Kelly•140
    @cristinakellytPosted over 1 year ago

    Hi @SalahShadoud !

    Yeah, indeed! Nice catch, thank you!

    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