Product Gallery 22 block design & features
A wide product image carousel with rounded corners, built with shadcn/ui Carousel. The photos sit in a two to one frame on desktop and a square frame on mobile.
A white pill floats at the bottom center of the image with one dot per photo. The active dot stretches into a short bar, and clicking a dot jumps to that image. There are no arrow buttons, so visitors swipe or drag between photos.
The images are a prop, each with a srcset, sizes, dimensions and alt text.