Design comparison
SolutionDesign
Solution retrospective
I know it's a simple feature, but I'm so happy because that helps me to understand a little bit more how to use the states in a React component, this is my first try with this library so any feedback is welcome. Try to drag the range input and the value changes dynamically.
Community feedback
- @ApplePieGiraffePosted about 4 years ago
Hey, Juan Daniel Martínez! 👋
Your solution looks good and your slider works great! 🙌
I like the hover effects you added to the option icons in the box on the left! 👍
I only suggest,
- Vertically centering the content of the page in the mobile layout of the site.
- Looking into the position of the white dot at the edge of the slider. It seems to move around a little and get hidden behind the progress bar the closer it gets to the left end of the slider.
Keep coding (and happy coding, too)! 😁
1@juandadevPosted about 4 years ago@ApplePieGiraffe Thanks a lot! I'll be working on that issue to get as close as the original design
0
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