> ## Documentation Index
> Fetch the complete documentation index at: https://docs.presenton.ai/llms.txt
> Use this file to discover all available pages before exploring further.

# Groups and layers

> Group related elements and control how objects overlap.

Grouping lets several elements move, resize, and layer as one selection. Ungrouping exposes the child elements for independent editing.

## Group elements

1. Enable **Select Edit**.
2. Select the elements that should behave as one unit.
3. Choose **Group**.
4. Move or resize the group and review the spacing between its children.

## Ungroup elements

1. Select the existing group.
2. Choose **Ungroup**.
3. Select and edit the required child element.
4. Regroup related elements when coordinated movement is still useful.

<Tip>
  Group stable visual compositions. Keep elements separate when they require different alignment, layout, or prompt-editing scopes.
</Tip>

<Warning>
  Ungrouping can change how a parent layout controls its children. Review positions, gaps, layers, and responsive behavior after the change.
</Warning>

## Control layers

Use **Bring forward**, **Bring to front**, **Send backward**, or **Send to back** when elements overlap. After changing the order, confirm that:

* Text remains readable.
* Interactive editing targets are not hidden behind larger objects.
* Decorative shapes remain behind the content they support.
* Images, icons, and labels appear in the intended visual order.