JS html css

Solution by
Desktop design screenshot for the Interactive pricing component coding challenge
This is a solution for...

Interactive pricing component

View Challenge

Design Comparison



  • 1Accessibility

  • 1HTML

View Report

Marion Saul's questions for the community

I didn't find how to apply different color on the range in Chrome. If anyone can tell me how this can be done I would be very grateful.

I tried to apply a background-gradient to the input range with javascript but it only worked if I didn't apply any background style to the range with css (so what happened is the range didn't show until you move the thumb of the track, then it worked fine), otherwise if a background style is applied the changes don't show (they actually happen but stay 'behind' the track which hides the changes).

Anyway, appart from that it was fun!

Slack logo

Join our Slack community

Join over 50,000 people taking the challenges, talking about their code, helping each other, and chatting about all things front-end!