Interactive Pricing Component using HTML\CSS FlexBox\JavaScript
Design comparison
Solution retrospective
Hi! Second project expirience with JS, waiting for you feedback! P.S If anybody know, please help with Mozilla support for range slider styling
Community feedback
- @buneeIsSloPosted over 3 years ago
Hey! @WilfredoN, A solid effort on this one. Here's a couple of things I'd like to address:
- The site isn't responsive, Most of the content spills out of the container when the screen width is below 700px.
- If you aren't the best at creating responsive layouts... I strongly recommend This free course by Kevin Powell, It helped me a lot.
- The slider progress animation is inconsistent(or doesn't update), This is something that I had difficulty trying to figure out too when I was solving this challenge, And I kind of forgot about it So.... let me know if you manage to figure it out :P
Apart from these, I think you did great. Happy Coding :)
Marked as helpful1@WilfredoNPosted over 3 years ago@buneeIsSlo Hi! Thanks for feedback and remark about responsive, in this site I prioritized JavaScript practice and decided to do responsive layouts the last thing. About slider: by now I didn’t recognize, how update price text in real time, if you can give resources about this to read, it’s will be good, thanks :)
0@buneeIsSloPosted over 3 years ago@WilfredoN I totally understand. As far as resources are concerned, I don't know of too many but This solution by Dave. I found his code to be very understandable. Hope this helps and keep it up!
1
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