Collections is a new micro.blog feature on micro.blog that allows images to be grouped together in … wait for it … ‘Collections’!

It’s a cool extension, but I wanted to feature collections in related posts which gave me problems if I used the recommended CSS. (Problem, because 20 images in a collection resulted in those 20 images appearing at the bottom of all the posts that featured the collection which I felt was overwhelming. Not anymore.

My real desire was to feature them on each post on my blog as a scroll (like on the micro/blog timeline. (The default was to lay them all out on a grid - which resulted in the post being overtaken with a lot of old images). Nothing in the standard CSS allowed for that.

My short term fix was to have a link on a post to a page, 🖇️ like this.

BUT - let’s face it - a kluge.

Just cracked the entire problem in less time than it has taken for me to write this post.

  1. Give ChatGPT current CSS
  2. Ask it for the CSS that would do the same job - but so that images weren’t just there - but featured as a scroll.

First Time.

See what I mean : https://john.philpin.com/2025/02/17/inspired-by-people-martin-luther.html

Next job … Have the scroll sometimes display square images - and sometimes landscape / portrait.