Table of contents

• Overview
  • The challenge
  • Screenshot
  • Links
  • My process
  • Author
  • Acknowledgments

Overview

Thanks for checking out this front-end coding challenge.

The challenge

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

Built with

• HTML5
• CSS with Flexbox
• Javascript

My process

Using HTML to create the sections of the web page, I created the user selection part first, and then I began to apply the style sheets to the first part of the page, then I began to layout the thank you part of the page with HTML and CSS and using a display none to hide the thank you part, with javascript I went through all the buttons on the page and then show it in the DOM using the events.

Author

• Linkedin - Julio Romero
• Frontend Mentor - @Jumicode

Links

Page : https://jumicode.github.io/interactive-rating-component-main/

Acknowledgments

This is where you can give a hat tip to anyone who helped you out on this project. Perhaps you worked in a team or got some inspiration from someone else's solution. This is the perfect place to give them some credit.