Skip to content
Submitted 5 months ago

Mobile-first responsive, pixel-perfect w/ HTML & CSS & JS

haquanq ®️•1,585
@haquanq
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

What are you most proud of, and what would you do differently next time?

Hello 👋

What i have done

  • No access to design files, use my own judgement to achieve pixel-perfect
  • Styling using vanilla CSS and BEM class naming convention
  • Override default outline focus effect on input, button elements

Any feedback would be appreciated 🙏

Community feedback

  • Yefree Valdez•840
    @yefreescodingPosted 4 months ago

    Hey!

    I was checking your solution, the live preview, and the GitHub repo code, and I have to say that I'm amazed by how well you made this component. It is really impressive!

    The code is clean and readable, with excellent use of HTML semantic tags, well-named classes, and organized main.css file.

    Congratulations! I'll keep an eye on your work.

    1
    haquanq ®️•1,585
    @haquanqPosted 4 months ago

    @yefreescoding Thanks for the compliment 🔥

    0

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