This is a solution to the Interactive rating component challenge on Frontend Mentor. Check it live here! 👉 My solution
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
- Solution URL: My Solution
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- CSS Grid
- Mobile-first workflow
How to use JavaScript to add some basic interactivity for my website. Use "hide"class and JavaScript to switch between pages.
I need to get myself more comfortable with CSS Grid, for I don't feel fully satisfied with the lay out. I'm also going to practice more with JavaScript and learn more about complex interactivity.
Thanks for everyone who share their code in public so I can watch and learn from you! Also I'm happy that I have kept going and got this little challenge done. :)