# Media grid

{% hint style="success" %} **Quick start** * Click into each **image** block to upload/select an image * If you want to keep the **rich text** block, edit the nested **heading** and **button** blocks {% endhint %} ### Settings * **Desktop columns** * **Mobile columns** * **Layout**: If the number of images exceeds the number of columns, choose to display them either as a grid or as a slideshow * **Container type**: See [common settings](https://docs.ultramarinastudios.com/common-settings) * **Vertical grid gap**: Keep as default or override to create tight grids * **Horizontal grid gap**: Keep as default or override to create tight grids * **Slideshow** settings apply to the slideshow layout: * **Arrow position**: Choose between overlay (arrows appear over the blog posts) or below * **Counter style:** Choose between hidden, counter or progress bar * **Button style:** Choose a button style for when the arrow position is set to overlay (arrows will have a simple text style if they're positioned below) ### Blocks This section comes with four types of blocks: * [Section header](https://docs.ultramarinastudios.com/sections/section-header) (hidden by default, fill in the settings to display) * **Rich text**: Allows you to add a simple rich text block like the Savoir example above ("Get Inspired") * **Image** (similar to the [image theme block](https://docs.ultramarinastudios.com/blocks/image)): * **Image** * **Image ratio** * **Behavior:** * **Link**: Optionally link the image to another page or social media post * **Link label**: If you've added a link, describe the link destination for accessibility * **Product**: Optionally, connect a product to display the quick add button * [Buttons](https://docs.ultramarinastudios.com/blocks/buttons) (hidden by default, fill in the settings to display) {% hint style="info" %} Can't find the setting you're looking for? The following settings are explained in detail in [common settings](https://docs.ultramarinastudios.com/common-settings): * Container type * Color scheme/Color scheme transition * Padding * Borders {% endhint %} ### Examples & inspiration