[Resolved] Best Practice for Full Width Pages

[Richard]

I’ve created a Layout Element set to Full Width (no padding) and Entire Site.

I create a Container and set Alignment to Full Width.

So how do I add, say, an HTML block that is centered with max width of 1200px on desktop, or 100% on a phone? Add another container, or element, or change settings in the html block, or something else?

[Leo]

Hi Richard,

I believe the container examples at the start of this documentation would be useful for you:
https://docs.generateblocks.com/article/container-overview/

an HTML block that is centered with max width of 1200px on desktop, or 100% on a phone?

Not sure if I can picture this. If a block has max-width of 1200px set, then on mobile it would be 100% by default as the mobile screen is smaller than 1200px.

That being said, all settings (except for background images) can be tweaked using the responsive controls:
https://docs.generateblocks.com/article/responsive-controls/

Let me know if this helps 🙂

[Richard]

The Inner Inner Container button is the best practice.

[Leo]

Sounds good.

[Author]

Posts