> For the complete documentation index, see [llms.txt](https://help.parta.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.parta.io/no-code-editor/edit-layouts/add-a-layout.md).

# Add a Layout

## What is a Layout?

A layout is a structural basis of how all the parts of the block will be positioned relative to each other to look harmonious.

There’s 3 layout types:<br>

* A Cells layout (grid) is a two-dimensional system to organize content into rows and columns;

{% hint style="info" %}
Use for:

* Image galleries;

* Product cards;

* Complex forms;

* Dashboards.
  {% endhint %}

* A Container layout (flex) is perfect for linear arrangement of units in a row or column;

{% hint style="info" %}
Use for:

* Navigation menus;

* Button lists;

* Cards in a row;

* Vertical forms.
  {% endhint %}

* An Absolute layout (absolute positioning) is a Figma-like canvas for freely placing units by coordinates.

{% hint style="info" %}
Use for:

* Decorative elements;
* Overlays;
* Custom canvas for drafts;
* Positioning relative to edges.
  {% endhint %}

## Add a Layout

<figure><img src="/files/NnfTy5gTNVPWLCypb7bQ" alt=""><figcaption></figcaption></figure>

{% stepper %}
{% step %}
Click the **+** icon at the left menu or at the selected layout.

A pop-up window will appear.
{% endstep %}

{% step %}
Select an **Frame** tab to add a layout from the default collection list.
{% endstep %}

{% step %}
Select an **Asset** tab to add a previously saved layout.
{% endstep %}

{% step %}
Select a **Stash** tab to add a recently deleted layout.
{% endstep %}

{% step %}
For the left menu selection window, click and hold the layout, then **drag** it onto the layout.

For the layout selection window, **click on** the layout to add it to the layout.
{% endstep %}
{% endstepper %}