# Containers in Scenes

Containers for Scene content gives you more design flexibility, including separate background settings, nesting support, and pinning to the bottom of a screen on scroll.

![A Scene using containers to organize content](https://www.airship.com/docs/images/whats-new/scene-containers-device_hu_5dd43a13dc789c23.webp)

*A Scene using containers to organize content*

By default, the screen elements in a [Scene](https://www.airship.com/docs/reference/glossary/#scene) are stacked vertically, and you can drag them into your preferred order. With today's release, you can also place one or more elements in a container and arrange them vertically or horizontally. Additional design options for containers:

* Background color, background media, height, width, and margin settings
* Multiple containers per screen
* Nesting
* Pin to the bottom of a screen

## Placing content in a container

When editing Scene content, select the **Container** element, and then select another element to add to that container: Button, Button Group, Container, List, Media, Question, or Text. NPS is not supported for containers.

You can then set the height, width, and margins. Setting a container's background color or adding background media is identical to setting up a screen's background.

Use the breadcrumbs above the content elements to navigate between nested containers and back to the root screen.

## Buttons and pinning content

This release also includes a couple changes to buttons and keeping content visible at the bottom of a screen when the user scrolls:

* **Single button** — In addition to the Button Group element, now you can add a single button. When using multiple buttons in a screen, add single buttons if you want to place content between them, and use a button group to keep buttons together.

* **Pinning to the bottom of a screen** — We removed the Button Group and Text elements option **Fix at bottom on scroll**, because now you can pin any content. First, place content in a container, and then hover over the container and select the pin icon:

   ![Pinning a container in a Scene](https://www.airship.com/docs/images/whats-new/scene-container-pin_hu_22aaef4534ef1eb0.webp)
   
   *Pinning a container in a Scene*

   You can pin multiple containers on the same screen. For Scenes that had **Fix at bottom on scroll** selected, we moved the Text or Button Group element into a container and pinned it.

## Design options unlocked

The addition of containers and the single button element means you can now use these content placements:

* Text, images, or any other elements side by side
* More than two buttons in a single line
* Buttons can appear alongside other content instead of only vertically stacked

And those are just a few ideas. Create a new Scene now and get creative.

## Documentation

Get all the details in [Content elements](https://www.airship.com/docs/guides/messaging/in-app-experiences/configuration/content/#add-content-elements) and [Container](https://www.airship.com/docs/guides/messaging/in-app-experiences/configuration/content/#container) in *Configure Scene content*. Haven't created one before? Check out [Create a Scene](https://www.airship.com/docs/guides/messaging/in-app-experiences/scenes/create/) for a walkthrough.