Design comparison
Solution retrospective
Hello everyone, I would be grateful if you could look at how I did this and comment and give some advice. thank you :)
Community feedback
- @AgataLiberskaPosted over 3 years ago
Hi @Aleksandar-93, thanks for the inspiration on how to fill out the slider :) I found and issue though - the progress bar doesn't update if I change values using the keyboard because you're listening only for a mouse event. I think there may be a bug somewhere as well, it doesn't seem to update when viewed in mobile size in the browser? It works in Firefox, but not in Chrome, Edge or Opera.
I also can't get to the toggle with a keyboard to change from monthly to annual billing as you're using a <div> for it, or see when the focus is on the button because the outline is removed.
On smaller mobile screens, the text at the top of the page gets cut off.
Hope this helps :)
0@Aleksandar-93Posted over 3 years ago@AgataLiberska thanks buddy for the feedback. I fixed the slider to move with the arrows and tab targeting. now everything works on smaller screens as well. I added that they work in Mozilla as well
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