# Containers

Containers allow you to group different components and visually separate them from others.

Before:

<figure><img src="https://3448227606-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LQ08RFAKZvFADEiXKFy%2Fuploads%2FIcYlIDdceEVGOnnMI1ZA%2Fimage.png?alt=media&#x26;token=5b7bcd2e-5d8f-433d-9c64-2735dc36eddf" alt=""><figcaption></figcaption></figure>

After using Containers:

<figure><img src="https://3448227606-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LQ08RFAKZvFADEiXKFy%2Fuploads%2F3b6sxHKJsieUTAnoAKpJ%2Fimage.png?alt=media&#x26;token=d42d8068-2864-4950-854e-4ef6f58ad15e" alt=""><figcaption></figcaption></figure>

Drag-and-drop Container from the right sidebar.

<figure><img src="https://3448227606-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LQ08RFAKZvFADEiXKFy%2Fuploads%2FtOwktXqKu0Vul3UMFf6e%2Fcnt1.jpg?alt=media&#x26;token=f7deaf7e-5473-4ccb-83ea-9f2fc302f667" alt=""><figcaption></figcaption></figure>