Image Layouts

Mar 28, 2026

About 1 min read ( 59 Words , 8 Photos )

Reads

Switch to Raw MarkdownContent

By default, Markdown displays images one per line.

The Linen theme introduces a new “image container” feature, supporting the following image layout styles. Please click the Switch to Raw Markdown Content button on this page and refer to the page’s source code to implement these image layouts.

Landscape Layout

Portrait Layout

Mixed Layouts

Four specific mixed-ratio layouts are supported: r73, r37, r64, and r46.

---
title: Image Layouts
excerpt: Simple layouts make for easier reading.
date: 2026-03-28 23:55
cover: /img/ivan-shimko-PhciG8fpRKw-unsplash.jpg
coverInfo:
author: Ivan Shimko
url: https://unsplash.com/photos/three-beach-illustrations-PhciG8fpRKw
series: User-Guide
appendRawMarkdown: true
tocType: flat
translations: ['zh-CN']
---

By default, Markdown displays images one per line.

![](/img/duy-le-duc-GUY2f9csQbc-unsplash.jpg)

The Linen theme introduces a new "image container" feature, supporting the following image layout styles. Please click the **Switch to Raw Markdown Content** button on this page and refer to the page's source code to implement these image layouts.

## Landscape Layout

:::image-grid landscape
![](/img/klara-kulikova-PgrSvkU1_4Y-unsplash.jpg)
![](/img/mariola-grobelska-rxFb6meV3ck-unsplash.jpg)
:::

## Portrait Layout

:::image-grid portrait
![](/img/kamran-norollahi-KwP58z9zJeE-unsplash.jpg)
![](/img/julian-scholl-Wf6MhLHePSI-unsplash.jpg)
![](/img/david-boca-Xqmj-oQ_Nek-unsplash.jpg)
:::

## Mixed Layouts

Four specific mixed-ratio layouts are supported: r73, r37, r64, and r46.

:::image-grid r73
![](/img/jasper-gribble-EOMFC1NyHgM-unsplash.jpg)
![](/img/squids-z-ShAHqWGOrRU-unsplash.jpg)
:::