1
In the Elements panel, click Container and drag it onto your page.
– The Container keeps content neatly inside a standard frame, preventing it from spilling over to the screen edges.
– It centers and aligns elements consistently across Desktop, Tablet, and Mobile, ensuring a uniform layout.
– This makes the overall page design cleaner, more balanced, and more professional.
2
Add elements such as Text, Images, or Flexible Grid inside the Container; this way, even if those elements don’t have built-in spacing, the Container applies equal margins on both sides so the page always looks neat.
3
Preview the page with and without the Container. On Desktop, Tablet, and Mobile, check how content is displayed. Without a Container, elements stretch full-width and may look unbalanced.
4
This is an image after publishing, comparing a page with and without a Container.
– With a Container, content stays centered and neatly within the standard frame.
– Without a Container, the content stretches full width, making the page look unbalanced and harder to read.