Design comparison
SolutionDesign
Solution retrospective
Interactive Card Details Form 🎉
NOTE: There's bugs where the sliders are not working according to its intent.
- These are caused by the slides' width according to the media query your device is in.
- This can be fixed by checking if the media query is changing. (if media query changes, check slide width value, and replace value of
scrollTo
)
- This can be fixed by checking if the media query is changing. (if media query changes, check slide width value, and replace value of
- Another one is changing
slideIndex
value when using mouse/trackpad scrolling- This can be fixed by adding a
scroll event listener
to the wrapper element of the slides
- This can be fixed by adding a
Any feedbacks or questions are appreciated! 😁 Feel free to start a thread or a discussion, and I'll try to accommodate your concerns.
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