# Add Column

<div align="left"><figure><img src="https://3401585094-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FmnBepgycwgisXr9ya1N4%2Fuploads%2F8rIHwpkzY6lNzBMxo2TH%2Fimage.png?alt=media&#x26;token=2dc93a5c-1b81-4c6f-b187-21eb22c89831" alt="" width="66"><figcaption><p>Add Column Element</p></figcaption></figure></div>

Use the Add Column element to quickly add a [Layout Column](https://docs.zingy.ai/app-editor/page-editor/built-in-elements/layout-column) element to a [Layout Row](https://docs.zingy.ai/app-editor/page-editor/built-in-elements/layout-row).

The Layout Column is already preset with:

* 100% width at the main setting and overridden to *Default* for the desktop screen size.
* Margin at the bottom by using the [Custom CSS Classes](https://docs.zingy.ai/app-editor/page-element-settings#custom-css-classes) setting. For more information on adjusting the spacing see [Padding and Margin](https://docs.zingy.ai/app-editor/page-editor/padding-and-margin).