Submitted over 2 years ago

Coding Bootcamp Testimonials Slider

accessibility, sass/scss, bem

Abhijith Muthyala•760

@abhijithmuthyala

A solution to the Coding bootcamp testimonials slider challenge

Preview Code

Solution retrospective

Implementation

I tried to setup most of the slider logic in css itself using css variables and calc function. Javascript just updates the index css variable, and adds/removes a hide class for accessbility concerns.
Implemented MVC architecture.
Used ResizeObserver to place the buttons in the right place, so that the callback is fired only when the container's (and not the viewport's) size changes.

Difficulties

I couldn't match the desktop design perfectly.
Still not very comfortable working with background-position property.

Code

Couldn’t fetch repository

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on Abhijith Muthyala's solution.

Join 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