Layout elements

**Container** is the atomic layout box. **Section templates** speed up inserting pre-designed container trees from the template picker.

Technically possible but usually harms UX. Prefer a single **slider** per viewport region.

Layout elements define where content sits. Add them before filling in text, media, and forms so responsive spacing stays predictable.

Core layout blocks

Element	Role
Container	Primary layout unit; holds sections, rows, and nested elements.
Tab	Tabbed layout with headers for each panel.
Slider	Carousel-style layout for multiple panels.
Spacer	Vertical or horizontal whitespace control.
Divider	Visual separator between sections.
Menu	Navigation menu for links and branding areas.
Footer	Page footer region with columns or links depending on template.

Drop a Container where you need a new section.
Inside it, add rows or inner containers depending on your template habits.
Use Spacer and Divider to tune rhythm instead of stacking empty paragraphs.
Place Menu and Footer once per page layout unless your design intentionally repeats them.

Collapse Menu items for mobile inside the element’s responsive controls when available.
Test slider and tab gestures on touch devices.

Container versus section templates?

Container is the atomic layout box. Section templates speed up inserting pre-designed container trees from the template picker.

Can I nest sliders?

Technically possible but usually harms UX. Prefer a single slider per viewport region.