Mobile first using plain CSS and JS with A11y Slider
Design comparison
Solution retrospective
Any tips on the slider section? I am not sure if the testimonials in desktop view must be cropped and not accessible. I am using the A11y slider.
Check the A11y Slider here: https://a11yslider.js.org/
Community feedback
- @asbhogalPosted about 2 years ago
Hi Christoper II,
Looks great - with regards to the testimonials, the images provided for this project show different situations (one shows accessible, the other is cropped), so having it cropped isn't an issue so long as it can be essentially accessible in some way, either by an auto-scrolling/loop and/or pagination/'grab with cursor' so the content cut off can still be viewed at some point by the user. You can toggle the autoplay as follows:
const slider = new A11YSlider(document.querySelector(".slider"), { autoplay: true, autoplaySpeed: 2500 });
Since you have pagination for the mobile, autoplay is optional.
Hope this helps.
Marked as helpful0
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