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
Request path contains unescaped characters
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Interactive pricing component using CSS flexbox.

@george5-star

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 really need help on how to create that custom range slider in the design.

Any help will be well appreciated.

Community feedback

Marzuk Sanni 1,360

@Zukizuk

Posted

If what you want is the styling for the track then try the selectors i have provided below, you can add the stylings to them in there.

}
input[type="range"]::-moz-range-track {
}
input[type="range"]::-webkit-slider-thumb {
}
input[type='range']::-moz-range-thumb{
} 

Now you can apply the styling to it per the design. I hope it is helpful to you and if I am mistaken about what you need help with then please be more specific.

Marked as helpful

1

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