# Creating Page Layouts

There are two common ways of changing the broader layout of a page:

## Creating Area Layouts

Editable areas on a page can be split up in further columns of editable areas. To add a layout:

1. Select the **Edit Page (Pencil)** button on the top toolbar. 

   <figure><img src="/files/-MMZxJdc3gzafXBM_bPK" alt="" width="284"><figcaption></figcaption></figure>
2. Hover over the an editable area on the page - a small label will appear beneath it with the name of the area.
3. Click the area label and select *Add Layout*.
4. The layout controls will appear. Adjust the number of columns needed and resize them by dragging the square handles to the sides of each column.

   <figure><img src="/files/-MMZxJddnFyCWtW3eNAF" alt=""><figcaption></figcaption></figure>
5. Press the blue **Add Layout** button to finalise the layout.
6. Blocks can now be placed into the new layout areas.

**Note:** on some installs new layouts won't immediately appear. In this case simply refresh the page to see the new layouts - changes you have made will not be lost.

## To adjust an existing layout

While in edit mode, a layout can be adjusted by clicking on an area label and selecting **Edit Container Layout**. This will allow you to resize the existing columns. Layouts can also be removed by clicking the trash icon.

### Move your blocks before deleting layouts

When a layout is deleted from a page the blocks within it are also deleted. If you wish to keep the blocks within a layout, move them out of the layout to another area first.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://concretecms-resources.gitbook.io/quick-start-guide/creating-and-editing-pages/creating-page-layouts.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.