When you group boxes together, the containing box becomes the "parent box," and the boxes inside it become "child boxes."
Related article: Parent and Child Boxes
You can view the group structure of your boxes in the Layers Panel on the left side of the screen.
How to Use Grouping
Setting Direction and Alignment
You can set the direction and alignment of grouped boxes.
Example: Specifying the direction in which menu items are arranged within a header.
Adding a Link to an Img Mode Box
In Studio.Design, you can't add a link directly to an image box in Img mode. However, you can work around this by following these steps:
1. Group the Img mode image box so it's wrapped inside a parent box.
2. Add the link to the newly created parent box.
How to Group Boxes
Grouping Child Elements Together
Select the boxes you want to group.
To select multiple boxes, hold Shift or Command while clicking.
Right-click and choose [Group] from the context menu.
You can also use the keyboard shortcut ⌘ + G (Ctrl + G on Windows).
Dragging a Box into a Parent Element
You can also group boxes by dragging and dropping one box into a larger box.
For more details, see our article on Parent and Child Boxes.
How to Ungroup Boxes
Select the parent box.
Right-click and choose [Ungroup] from the context menu.
You can also use the keyboard shortcut ⌘ + Shift + G (Ctrl + Shift + G on Windows).