Turn on the header for the page, if you want it to be visible. By default header is a page title, but you can edit it.
Everything on the page can be dragged-and-dropped!
Drop the components to columns and configure them.
Click Preview the see the resulting page.
Each section can contain one or a few columns (which are the containers for components). If there are more than two columns in a section, we can configure how to display them: in a row, or in a column for three views:
Mobile. From 0 to 478 px width;
Tablet. From 479 px to 768 px width;
Desktop. From 768 px and more.
Choose the direction in a section settings:
Each tab can be set up as visible for certain groups of users:
All authorised users;
List of roles only (similar to security settings for the page).
In the same way, each section also can be set up as visible for certain groups of users.