
Interactive pricing component with custom slider and toggle
Design comparison
Solution retrospective
Hello! 👋
This is my solution to the interactive pricing component challenge. I constructed this using BEM and Sass.
Styling the range slider was one hell of a challenge 😅 Thank you CSS-Tricks for the tutorial!
I tried making my solution as accessible as possible. Please go through my solution and let me know if I can make it more accessible.
I also need to get a grasp on the aria attributes, they seem interesting but I have no idea how to use them 😆
Any other feedback is welcome and appreciated! ✌
(Also, IDK why my footer is showing up in the screenshot, if anyone knows how to fix that please let me know, thanks!)
Community feedback
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord