Skip to main content

Container

Use Container to structure page sections, rows, columns, cards, and nested layouts.

Content settings​

SettingWhat it controls
Nested contentElements placed inside the container.
Element actionsMove, duplicate, delete, or reorder child elements.
Layout structureRows, columns, and nested containers.

Style settings​

Style areaWhat you can adjust
LayoutDirection, alignment, justification, gap, wrapping, and ordering.
SizeWidth, max width, min height, height, and responsive sizing.
SpacingPadding and margin per device.
BackgroundColor, image, gradient, overlay, and positioning.
BorderBorder style, width, color, radius, and shadow.
Advanced displayPosition, transform, animation, conditional display, and HTML ID/classes when available.

Best practices​

  • Build page structure with containers before adding detailed content.
  • Use responsive direction and spacing instead of fixed desktop-only layouts.
  • Name and organize sections clearly for easier editing.

FAQ​

When should I use this page?

Use this page when you need a quick reference for this Atomicat feature and want to understand what it changes before editing or publishing. It is especially useful while reviewing a page, funnel, quiz, lead flow, product setup, video configuration, or account setting. For Container, keep a short checklist of the fields you changed and test the result in the same browser session.

Do I need to configure this before publishing?

Configure it before publishing whenever the feature affects visitor behavior, tracking, SEO, forms, embeds, checkout, or access. If the feature only changes internal organization, review it before launch so your team can manage the campaign consistently. For Container, keep a short checklist of the fields you changed and test the result in the same browser session.

Can this affect live pages?

Yes, some settings can affect live pages after saving or publishing. Always preview the page, test the main action, and confirm desktop and mobile behavior before sending paid traffic or sharing the URL. For Container, keep a short checklist of the fields you changed and test the result in the same browser session.

What should I check if something looks wrong?

Check the page status, project access, saved revisions, browser cache, connected domain, and any related integrations. If the feature depends on a plan, permission, or enabled module, confirm that your workspace has access. For Container, keep a short checklist of the fields you changed and test the result in the same browser session.