---
title: "Adding basic content to layouts"
date: "2020-11-05T17:26:59+00:00"
summary: "Learn how to enhance your layouts with basic content using Site Studio's intuitive components. Discover tips for optimal placement, component options, and essential settings to create visually appealing and responsive designs."
image:
type: "page"
url: "/drupal-starter-kits/add-ons/site-studio/adding-basic-content-layouts"
id: "545786fd-a468-41a3-b607-1909be3b6179"
---

Use Basic components to add content to the layouts. The Basic components include common content formats including text, images, video, audio and links. To access the Basic components, open the Sidebar and scroll to the Basic components category. [View the Basic components available.](/drupal-starter-kits/add-ons/site-studio/components-included-uikit "Components included in the UIKit")

Placing Basic components within layouts
---------------------------------------

Basic components are designed to be placed within containing components. These include the 1 - 4 column layouts, Column, Container, Slide item, Accordion item and Tab item components. When placed, they will expand to fill the available width of the containing component. This means they’re adaptable for many different layout configurations.

![1131c4c0-Add-basic-inside-layout.png](https://acquia.widen.net/content/b9015854-d4c3-430a-81b9-9a9ed549dafe/web/1131c4c0-Add-basic-inside-layout.png)

It's essential always to place a Basic component within a containing component to restrict its width. For example, To create a section of text, place the Text component within a 1 column layout component (as shown above) to set the column's width and position. This will make the text within it easier to read. If you don't place the Text component within a 1 column layout component, it will expand to your screen's width, making it look incorrect and difficult to read (as shown below). 

![9bf4b6a2-Correct-width-text.png](https://acquia.widen.net/content/ac7fb8bd-4dc5-4a36-85ec-89766a250e10/web/9bf4b6a2-Correct-width-text.png)

Basic component options
-----------------------

The Basic components all include options that are unique to each component, all of which are detailed within the Help tab of each component.

Important

An important setting to understand which is shared across the Basic components is **Add space below.** Add space below allows you to add a space (margin) below the component. This is often required when placing components on top of each other and for when the components stack in a single column on phones. When placing Basic components within layouts, you will often need to decide to add space below or not.