Interactive Rating Component Solution

This repository contains my solution to the Interactive Rating Component challenge on Frontend Mentor. Frontend Mentor challenges help me enhance my coding skills by building realistic projects.

Overview

Challenge

Users should be able to:

• View the optimal layout for the app based 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

Screenshot

Built With

• Semantic HTML5 markup
• CSS custom properties
• Flexbox
• CSS Grid
• Mobile-first workflow
• Javascript DOM

What I Learned

Through this project, I reinforced my understanding of:

• Semantic HTML structure
• CSS styling techniques for responsiveness and interactivity

Continued Development

In future projects, I aim to focus on:

• Improving accessibility features
• Enhancing my CSS skills for complex layouts

Acknowledgments

I'd like to acknowledge the Frontend Mentor community for providing this free challenge to test my coding skills.