Blogpost 36 block design & features
Blogpost36 is a sliding row of related posts, built with shadcn/ui Button and Carousel components. A small heading sits on the left with a pair of compact chevron buttons on the right. Below, square thumbnails show five at a time on large screens, each with a two-line title, and a thin progress bar under the row tracks how far you have scrolled.
Text is kept to a minimum so the pictures lead. Thumbnails have soft rounded corners and dim on hover while the title underlines. The carousel scrolls freely when dragged or swiped, the chevrons disable at either end, and the progress bar fills smoothly as the row moves.
It is a compact, image-led way to offer more reading than fits in one row, without adding height. Complexity is low to moderate, and it needs square images and short titles for each post.
On phones a little over two thumbnails show at once, so the next one peeks in from the edge.