---
title: Design with sections
slug: design-with-sections
docTags: 
createdAt: 2023-03-11T18:27:22.000Z
---

How you set up sections determines what items you can place in the app and how they’re organized.

Below are a few ways you can mix and match sections with content, feature, and menu blocks. You may have a different design for your layout that doesn't include these. 

:::hint{type="success"}
**How is the layout structured?**

Explore the diagram on the [Layout structure](docId:3weFlVpI-4Imq7mL-15_2) page for more details.
:::

# Approach 1: Organize with nested Sections

Set up a section that contains only nested sections, in which you place blocks. This is useful for organizing items in your layout, as you can create a nested section for each category of items you want to group together. 

In the example below, **Top**, has only nested sections placed within it: **Lefty** within the left column, and **Righty** within the right column. This is one way to set up the first section in a layout.

![](https://api.archbee.com/api/optimize/aL1TvWcESMCDQPkBf0hc--qDpCmBEi-SH91uXj_8VfS-20240820-234136.png)

# Approach 2: Focus on blocks 

Create a section that contains [blocks](docId:3weFlVpI-4Imq7mL-15_2), whether content, features, and/or menus. 

All sections, by default, can contain feature and menu blocks. If you want to also place content blocks, enabling **Include content** in the section's settings gives you additional options for sorting and placing them.

If you want to pack in more blocks, use the [Mini list](docId\:RkejaksdeqJyqkTIG-dqY) as an alternative to the Grid layout. 

In the example below, the section, **Lefty,** has two slots or rows, each with a block. 

![](https://api.archbee.com/api/optimize/aL1TvWcESMCDQPkBf0hc--Q60HZLuCppMxgR0lCmNpc-20240820-234302.png)

:::hint{type="success"}
**What do content blocks allow you to add? **

Content blocks allow you to add Focus Content, Forms, Media, and Sequences. Learn more at [Add blocks to your layout](docId\:mGpkvk1z3wPXsu-wSl3sk). 
:::

# Approach 3: Mix blocks & sections

Create a section that has blocks in some slots and nested sections in other slots. 

In the example below, the section, **Righty**, has three slots or rows. The first two slots each have a block, and the lower slot, contains a nested section called **Your stuff. **

![](https://api.archbee.com/api/optimize/aL1TvWcESMCDQPkBf0hc--nZDK42ZfMUNs2VDG3qaLP-20240820-234404.png)