---
title: "JS-less photo grids with `display: flex`"
description: "pascalhertleif.de/fotos has (inline, template-generated) CSS setting CSS3 flex properties to align photos of different sizes (but with max-width/max-height) without JS.\nTODO: Describe this magic here. …"
image: https://deterministic.space/js-less-photo-grids-with-display-flex-og.png
url: https://deterministic.space/js-less-photo-grids-with-display-flex.html
author: "Pascal Hertleif"
date: 2015-09-30
categories: ["incomplete","css"]
---

# JS-less photo grids with `display: flex`


[pascalhertleif.de/fotos](https://pascalhertleif.de/fotos/) has (inline, template-generated) CSS setting CSS3 _flex_ properties to align photos of different sizes (but with `max-width`/`max-height`) without JS.

TODO: Describe this magic here.