Skip to content
Submitted over 1 year ago

Interactive rating component built with React

Shashank Hiremat•90
@shank-codes
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

  1. The circle with star in the top left part of the component , I couldn't get it right for few of the device resolution. Can someone help me to get the correct responsive code to add a circular div behind an image.

Community feedback

  • JuvoGenesis👾•2,010
    @AkoToSiJeromeEhPosted over 1 year ago

    Hey there, great work! Regarding your issue, what I can suggest is that you remove all the CSS properties in the star-background class and add the following CSS code in the .starImage class. I hope it works and helps you. That's all, thank you!.

    .starImage {

    margin-top: 0.9em;

    padding: 15px;

    background-color: #252d37;

    border-radius: 50%;

    }

    Marked as helpful
    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