> For the complete documentation index, see [llms.txt](https://docs.wfolio.pro/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.wfolio.pro/site/en/design/photo-layout.md).

# Photo layout

You can use different photo layouts on your website. Let's look at each of them:

**Masonry** is a type of layout in which images are arranged in columns, photos are added to the smallest column.

> It is better to alternate vertical and horizontal images to make masonry layout look good.

![](/files/-MYp4Sax5xmvnhLuRDUN)

**Series** is a type of layout in which images are arranged in rows, photos are added to the smallest row in width.

> This type of layout is well suited for series with photography in announcements or portfolios.

![](/files/-MYp4gdOs2BQLcopT1YB)

Crops are a type of layout in which images are cropped in any size and lined up one after another.

![](/files/-MYp4mdkD1oR-rTquYfX)

**Tile** is a type of layout in which images are lined up one after another in the original size.

> It is better to alternate vertical and horizontal images to make Tile layout look good.

![](/files/-MYp5oeQLh7HW_vPKXgz)

**The list** is a classic layout in which images are arranged one after another in one column.

![](/files/-MYp7AJ17gyemV67Skp0)