> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.weblium.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Групування елементів у Flex block

У цій інструкції ви дізнаєтеся, як об’єднувати елементи у групи, керувати ними та розгруповувати за потреби. Це допоможе швидше працювати з кількома елементами одночасно та зберігати порядок у макеті.

**Зміст:**
[Групування елементів](#1-grupuvannya-elementiv)
[Дії з групою елементів](#1-diyi-z-grupoyu-elementiv)
[Дії з елементами всередині групи](#1-diyi-z-elementami-vseredini-grupi)
[Розгрупування елементів](#1-rozgrupuvannya-elementiv)


# Групування елементів

1. Виділіть необхідні елементи: протягніть мишкою по області з ними або утримуючи **Shift**, клікніть по кожному потрібному елементу.

2. Натисніть на **три крапки** у меню, що з'явиться, та виберіть опцію **Згрупувати**:
![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/grupuvannya-elementiv-u-flex-b_1kkvqxc.png)
|| ${color}[#ffa800](Примітка:) ви також можете скористатися комбінацією клавіш `Command+G` (або `Ctrl+G` для Windows) для групування елементів. 

# Дії з групою елементів

Група елементів буде поводити себе аналогічно до індивідуальних елементів з абсолютним позиціонуванням.

Ви можете її переміщати у рамках блоку, змінювати її вирівнювання, розмір, шар відносно інших елементів та груп тощо. Детальніше ознайомитися з базовими діями з абсолютними елементами у рамках Flex-блоку ви можете [у нашій статті](/uk/article/dodavannya-flex-block-dlya-vilnogo-roztashuvannya-elementiv-14n7ad8/). 

Також ви можете копіювати елементи у групу. Для цього скопіюйте сам елемент, натисніть на групу, в яку хочете його вставити, після цього скористайтесь гарячими клавішами `Command+V` (або `Ctrl+V` для Windows) для вставки або ж натисніть на три крапки у меню і виберіть опцію **Вставити**.
![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/grupuvannya-elementiv-u-flex-b_1foz5b1.png)
|| ${color}[#ffa800](Примітка:) детальніше щодо копіювання елементів можете дізнатись у нашій [статті](/uk/article/kopiyuvannya-elementiv-1nbb0om/).

# Дії з елементами всередині групи

 Для того щоб перейти до налаштувань певного індивідуального елементу в групі, клікніть по ньому два рази. 

 Вам будуть доступні звичайні налаштування відповідного елемента,  також ви зможете змінювати його розмір, шар, на якому знаходиться елемент у групі, позицію та вирівнювання у групі. 


# Розгрупування елементів

 Для того щоб розгрупувати елементи, клікніть по потрібній вам групі та натисніть на **три крапки**. У меню ви побачите опцію **Розгрупувати**:
![](https://storage.crisp.chat/users/helpdesk/website/-/f/a/8/4/fa84b4d83a50e800/grupuvannya-elementiv-u-flex-b_1h9r38h.png)

|| ${color}[#ffa800](Примітка:) ви також можете скористатися комбінацією клавіш Shift+Command+G (або Shift+Ctrl+G для Windows) для розгрупування елементів.