I made my previous post from my iPhone in the micro.blog app. I uploaded photos directly from my camera-roll into the post. But somehow I can’t get a proper routine in my template and CSS that looks if there is more than one photo uploaded. If so, it should post the photos in a grid, at approx. 40% of the screen-width. Now the photos are too big and it just doesn’t look nice. But when I add only one photo in my blogpost, it should be centered, not too big as well. Especially when it’s a portrait photo. Which most of the time it is because I am too lazy to change settings on my camera or edit photos afterwards.

I think it can’t be that hard to create this routine, without me having to remember I have to add extra CSS or HTML in my post. Whether I post from Drafts, Emacs, Obsidian, the micro.blog app or website, I should be able to write, add images, publish and be done with it. No extra fluff to remember. Have the templates and CSS figure that one out.

Any tips are welcome!