---
title: "Grid"
date: 2020-11-17
author: "nK"
---

# Grid

Items sit in equal columns and rows. All images in a row are the same height when a Media Aspect Ratio is set; with Auto, each row takes the height of its tallest item.

![](https://staging.visualportfolio.com/wp-content/uploads/2024/07/Shot-2024-07-12-at-08.42.22-1024x582.png)![](https://staging.visualportfolio.com/wp-content/uploads/2024/07/Shot-2024-07-12-at-08.42.22-1024x582.png)    SettingValuesDefaultNotes**Columns**1 to 53**Media Aspect Ratio**Auto, Wide 16:9, Ultra Wide 21:9, TV 4:3, Classic Film 3:2, CustomAuto**Items Vertical Align** (Pro)Top, Center, BottomTopWhere shorter items sit in a row that has taller ones. Only matters with Auto aspect ratio or with captions of different lengths**Gap**, **Vertical Gap**0 to 200 px15, empty![](https://staging.visualportfolio.com/wp-content/uploads/2024/07/Shot-2024-07-12-at-08.43.11-1024x583.png)![](https://staging.visualportfolio.com/wp-content/uploads/2024/07/Shot-2024-07-12-at-08.43.11-1024x583.png)    ## Small screens

The same column ladder as [Masonry](https://staging.visualportfolio.com/docs/gallery-blocks/layout/masonry/): one column fewer at each breakpoint below the count you set. See [Responsive behaviour](https://staging.visualportfolio.com/docs/gallery-blocks/layout/responsive-behaviour/).