Skip to content
Submitted almost 3 years ago

Interactive-rating-component

Liam•150
@liamchivers23
A solution to the Interactive rating component challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Updated solution after feedback.

Code

Please log in to post a comment

Log in

Community feedback

  • Parvathy Vazhoor•880
    @parvathyvd

    Hi Liam,

    Nice Work

    You need height and width on the circle to make the border radius a perfect circle. Add below to your list-item will fix the issue for you.
    .list-item { height: 4rem; width: 4rem; display: flex; justify-content: center; align-items: center; }

    thanks

    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