Coding Bootcamp Testimonials Slider

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.