Flexible, fluid photoset (advanced)

The photoset is fluid: try resizing your browser. Dealing with margins and photos of different aspect ratios is also never a problem. Made by .

This example hides the original <img> element and instead assigns the image source as a background image to the <a> element instead. This allows us to dictate the ratio to use, without distorting the original image. Try resizing your browser, and see magic happens!

ARoS Aarhus Kunstmuseum
ARoS Aarhus Kunstmuseum. Photo © Terry Mun
A lady walks briskly on a train platform in Bern, Switzerland.
A lady walks briskly on a train platform in Bern, Switzerland. Photo © Terry Mun
Inside Rundetårn, Copenhagen.
Inside Rundetårn, Copenhagen. Photo © Terry Mun
By Twilight.
By Twilight. Photo © Terry Mun
God fest på Mejlgade.
God fest på Mejlgade. Photo © Terry Mun
Sit Back
Sit Back. Photo © Terry Mun
Basilique du Sacré-Cœur.
Basilique du Sacré-Cœur. Photo © Terry Mun
Cyclist in Berlin
Cyclist in Berlin. Photo © Terry Mun
At the annual sailing race in Aarhus University.
At the annual sailing race in Aarhus University. Photo © Terry Mun
Dark corridors.
Dark corridors. Photo © Terry Mun