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 with plain HTML/CSS/JS

@memoye

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


This challenge is the first time I had to style a range input and man, it took lots of research to get it right (well, at least right enough to look like the design)😪. Trying to get it to work right across browsers (especially the range input) was quite... interesting. Overall, I learned a whole lot more than I thought I would from this. It was real fun working on this and I'm proud of how this solution turned out. Meanwhile, please go through the code and test the live demo. If there's any feedback, I'll be happy to hear them ❤️‍🩹

Community feedback

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