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

Built with vanilla JS, HTML and CSS

@vladius9512

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 would like to know if there is a specific way for the input type range, to space it out on segments. Maybe there is a way to use step element. I wanted to have the 16$ option exactly in the middle of the range input. Is it simply up to me to write a function, that would place the thumb exactly in the middle when the option closest to 16 is chosen and the same for the rest of the values?

Community feedback

@vladius9512

Posted

For anybody willing to help me, I encountered this problem. My range input is working fine on the Mozilla browser. The challenge for me was with chrome styling and somehow, on chrome, the range input doesn't work for the bottom half values. If you try to click on the left of the slider, it resets. If you can see why it's like this, I would really appreciate the help.

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