Archived topic
Best Practice for Full Width Pages
3 replies · Started by Richard on March 23, 2023
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?
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 :)
The Inner Inner Container button is the best practice.
Sounds good.
