Interactive rating component

live project code

Built with

Semantic HTML5 markup
CSS custom properties
Flexbox
Mobile-first workflow
CSS Grid
HTML, CSS & JS
BEM naming convention

Users are 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