Skip to content
Submitted over 4 years ago

Interactice pricing component / works on firefox + chrome

Conrad•930
@ConradMcGrifter
A solution to the Interactive pricing component challenge
Preview (opens in new tab)Code (opens in new tab)

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

Code
Loading...

Please log in to post a comment

Log in

Community feedback

No feedback yet. Be the first to give feedback on Conrad's solution.

Join 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