# Work with containers

The container is one of the most important controls because it can help you sort your content and create great layouts.

You can add any other control inside a container, even other containers

![](/files/-M-DEUNNK5p7De3ARNIt)

## Splitting the containers

You can split the container into different columns with different percentages in each. To split a container, you must select it and in the data tab select the number of columns you want or add the percentages manually, remember that these percentages must add up to 100

![](/files/-M-DFM0qMAoTg507qTRP)

### Align elements within a container

All controls inside a container have the same alignment and direction, you can change the alignment with the alignment controls at the top and left of the screen view, to change the alignment you need to select any control inside the container. container

![](/files/-M-DGZnBURBpYbMNXLqx)

{% hint style="info" %}
If you selected the offset option on the control, you cannot change the alignment
{% endhint %}

You can also change the direction of the controls, to change the direction you need to select the container and then click on the style tab:

![](/files/-M-DIAxRSwEmhTjhxH6o)

### Multiple alignments and directions using containers.

As we saw before, containers can have only one direction and alignment, and sometimes it is necessary to add elements in more than one direction, to make it possible, you can add a container inside a container to change the direction:

![](/files/-M-DLICad_yKFzWsUCDC)


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.apphive.io/global-functions/diseno-de-la-app/trabajar-con-contenedores.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.