This is a solution to the Interactive pricing 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
- Use the slider and toggle to see prices for different page view numbers
Live Site URL: Live Demo
I learned a lot about range type inputs and how to manipulate and style them!
- How To - Range Sliders - This gave me a basic overview of how range sliders work.
- Mozilla Developer Docs - This resource gave me a more indepth overview of the range input type.
- Website - Alex Zahrai
- Frontend Mentor - @alexandrezahrai