Carousels let you show multiple items — images, cards, or testimonials — in a compact space by sliding them into view one at a time. You see them on product pages, portfolio sites, and news headlines.
In this challenge, you will build a Smooth Carousel Slider with a horizontal sliding track, next and previous navigation buttons, and clickable dot indicators. Clicking the next button should slide the track left, showing the next item. The dots let users jump directly to a specific slide.
Use CSS transform: translateX() with a smooth transition to animate the sliding movement. Make sure the carousel loops or stops at the first and last slide.
