Submitted about 3 years ago
Interactice pricing component / works on firefox + chrome
@ConradMcGrifter
Design comparison
SolutionDesign
Solution retrospective
I learned a couple things from doing this project
- chrome and firefox require seperate rules to style the input range
- chrome doesn't have a pseudo class to style the progress bar like firefox does(
-moz-range-progress
) so I had to use JS to achieve the desired effect - using aria role on my toggle switch and JS to make it work with keyboard controls since it is a label and not a button
all feedback is welcome
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