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

Interactive Pricing Component - Mobile first | SCSS | Flex | JS

Darkoā€¢ 980

@dtomicic

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 manage to get the slider to fill with color up to the circle so would love someone's feedback on that also any other feedback is welcome :D

Community feedback

Shashree Samuelā€¢ 9,260

@shashreesamuel

Posted

Hey good job completing this challenge

Keep up the good work

Your solution looks great however just to answer your question I think you should research the input property to fully understand how the range slider wonders in terms of it's properties that can be styled

I hope this helps

Cheers Happy coding šŸ‘

1

Darkoā€¢ 980

@dtomicic

Posted

@TheCoderGuru thanks for your feedback, I've looked into it while doing the project and afterwards but didn't manage to find any fill property or something like that, only thing I've managed to find is properties which work on Firefox and IE none that work on Chrome though. It can be done with JavaScript but it's a bit more work and would be a lot more work now that everything is already in place and would just mess it up so I'll leave it like that I'm pretty happy as it is :D

Thanks again šŸ˜Š

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