Skip to content

πŸ“š layout

Creating proportional, equal-height image rows with CSS, 11ty, and Nunjucks

Equal-height image layouts seem simple until you try to build one that’s truly responsive. This tutorial walks through my solution using flexbox aspect ratios, the Eleventy Image plugin, and a Nunjucks shortcode.

weeklyfoo #92 / 2025-07-07
imageslayoutresponsive