Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

JS html css

@Wawamama

Desktop design screenshot for the Interactive pricing component coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


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!

Community feedback

@Allangui

Posted

Hi ,

You did well ! If you want a solution for the sidebar color on chrome you can check my solution on my profile :)

0

Please log in to post a comment

Log in with GitHub
Discord logo

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