Interactive pricing component - React, CSS Flex/Grid Responsive design
Design comparison
Solution retrospective
Hello FEM community! ๐
This is my solution to the Interactive pricing component challenge. This was a pretty straightforward challenge for the most part, but I had to learn the hard way that styling <input type="range">
sliders really is a pain in the butt - there's really no other way to put it! ๐
I had to use a combination of both Webkit and Mozilla/Firefox-specific styling rules to achieve all the slider styles: different BGs before and after the thumb, the glowy box shadow for the slider thumb, etc. React also came in handy to add some basic state management as well.
Any feedback would be greatly appreciated! ๐
Community feedback
Please log in to post a comment
Log in with GitHubJoin 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