Skip to content
Submitted over 2 years ago

Interactive Rating Component Main Solution - HTML + CSS + JS

Daniel Kwon•30
@danielkwon89
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

Things I found difficult:

  • centering the modal vertically
  • dynamically sizing containers
  • how to think of CSS when making larger projects (how to make wise CSS choices that not only work, but are maintainable)

Community feedback

  • Jonathan Rees•40
    @jonnywillreesPosted over 2 years ago

    Some small things I would suggest is create a script.js file in the project root and then link to it at the very bottom between your <body></body> tags.

    This way you will get much better intellisense and code format if you are using an editor like VS Code. Also you won't have to add an event listener to the window to check if everything has rendered before running the javscript code.

    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