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
- Solution URL: Checkout Repository.
- Live Site URL: Visit Live.
- Blog Post URL: Read Blog.
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- CSS Grid
- Responsive design
- Desktop-first workflow
By the end of this Project, I learn about how to build Interactive components using HTML, CSS, and JavaScript. I also learn about how to use CSS variables and how to use them in different ways. I also learn about how to use Flexbox and Grid in a better way. I also learn about how to use JavaScript to make the component interactive.
I will continue to work on this project to make it more interactive and responsive. I will also work on the JavaScript part to make it more interactive and user-friendly. I will also work on the design part to make it more attractive and user-friendly.
- Resource 01 - This is an amazing articles which helped me finally understand HTML.
- Resource 02 - This is an amazing articles which helped me finally understand CSS.
I'd recommend to everyone to checkout these amazing official HTML & CSS resources.
- Website - Portfolio
- Frontend Mentor - @beRajeevKumar
- Twitter - @be_rajeevkumar
I would like to thank Frontend Mentor for providing such an amazing platform to practice my coding skills. I would also like to thank the community for providing feedback on my projects and helping me improve my coding skills.