# Add

* Select a block.
* In the Quick inserter, find the Columns block icon.
* Click to insert it into your parent block.

<figure><img src="https://3250709389-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MS33S0eoYwMaMrLb7T_%2Fuploads%2FT13Vw29H2rwmgOdfOmMl%2Fadd%20columns%20block.jpg?alt=media&#x26;token=177f886d-b86d-4f19-8aa4-97628681d85c" alt=""><figcaption></figcaption></figure>

### Select Your Layout

This allows you to choose the layout you would like to apply to your Columns block from a simple vertical 2 column layout to more complex designs.

The required Column blocks are automatically added according to your choice.

The Layout can be changed at any time through the Grid Editor.

* Click to select required Layout in the Layout panel.

<figure><img src="https://3250709389-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MS33S0eoYwMaMrLb7T_%2Fuploads%2FDapfnsbMlaNN329IyngX%2Fselect%20layout.jpg?alt=media&#x26;token=04413104-eedd-460f-9cc6-28749c3e54d4" alt=""><figcaption></figcaption></figure>

### Columns with Column Blocks

The page should now look something like this with the columns layout of your choice and a column block in every column.

<figure><img src="https://3250709389-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MS33S0eoYwMaMrLb7T_%2Fuploads%2FzeMyIk5tdLYAXAy3Vpvc%2Fnavigator%20columns.jpg?alt=media&#x26;token=f581a288-9890-4313-a712-a229693479eb" alt=""><figcaption></figcaption></figure>
