Skip to content
Submitted about 1 month ago

Interactive rating block (SCSS, Flex, JS)

Natali 👻 Grimm•1,130
@Grimm-N
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?

I'm starting to complete challenges more quickly, which shows that I'm really beginning to understand the concepts. It's a great sign, and I know that things will only get better from here!

What challenges did you encounter, and how did you overcome them?

I struggled a bit with JavaScript 🤯, but in the end, everything worked out as it should. It was a challenge, but I'm happy with the result! 😄

What specific areas of your project would you like help with?

I really, really need help with resetting font spacing. I'm talking about those built-in spacing issues that come with each font. I've tried everything and I'm still unable to remove it, which is driving me crazy! 😩

Community feedback

  • Amit Dhakal•530
    @herojk64Posted about 1 month ago

    Well made but for practical purposes in javascript you directly used all the code. there is nothing the way you did it but you might want to use document.addEventListener('DOMContentLoaded') the details are here https://developer.mozilla.org/en-US/docs/Web/API/Document/DOMContentLoaded_event or you can use document.onload.

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