This is a solution to the Interactive rating component challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.
Users should be able to:
- View the optimal layout for the app depending on their device's screen size
- See hover states for all interactive elements on the page
- Select and submit a number rating
- See the "Thank you" card state after submitting a rating
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- CSS Grid
- Javascirpt EventListener
I learned a lot about applying js to my projects and how to manipulate content in disappearing and reappearing using css and js. Espescially, how to make two different classes and then toggle them on and off. It took me a good 3-4 hours to complete divided in two days but it was worth it. Doing projects like this made me interested in web dev again when I was getting bored and frustrated after only learning from tutorials with no real work being done.