---
title: "Layout elements"
date: "2017-11-12T09:32:15+00:00"
summary: "Discover essential layout elements in Site Studio to structure your web designs efficiently. Learn how to use containers, rows, columns, and iFrames for flexible, responsive layouts."
image:
type: "page"
url: "/drupal-starter-kits/add-ons/site-studio/layout-elements"
id: "c108b293-86ad-467f-b724-f4ad3241fd49"
---

Table of contents will be added

Use Layout elements to structure your layouts. For more on using the Layout builder see [Using the layout builder](/drupal-starter-kits/add-ons/site-studio/using-layout-canvas-site-building "Creating layouts with the layout builder").

Locating the layout elements
----------------------------

To find the Layout elements:

1.  Navigate to a page or template with the Layout canvas
2.  Click the **+ button** on the Layout canvas
3.  Within the Elements tab, look for the Element's listed under Layout elements.

![4b6e4196-Layout%20Elements%205.0.png](https://acquia.widen.net/content/6777f21c-2f36-4e22-8007-c0844cb35293/web/4b6e4196-Layout%20Elements%205.0.png)

The Layout elements include:

Container
---------

Use the Container element to add Containers to your layout. For more information, see [Container element](/drupal-starter-kits/add-ons/site-studio/container-element "Basic container element").

Row for columns
---------------

Use the Row for columns element with Column elements to add columns to your layout. For more information, see [Row for columns element](/drupal-starter-kits/add-ons/site-studio/row-columns-element "Row for columns element").

Column
------

 Place within the Row for columns element to add columns to your layout. For more information, see [Column element](/drupal-starter-kits/add-ons/site-studio/column-element "Column element").

iFrame
------

Use the iFrame element to include external pages within your layout via an iFrame. For more information, see [iFrame element](/drupal-starter-kits/add-ons/site-studio/iframe-element "iFrame element").