Archived topic
Full width background, contained width text in containers
3 replies · Started by Rebecca on October 25, 2022
Hi GP!
I am trying to find a way to lay out a page the way I want, but I keep hitting a wall and thought I might be missing something and you might have the answer.
I have a full width page so colors extend the full size of a browser. Within that I usually do contained inner-content.
I am trying to keep this layout, BUT have an image on half a grid fill half the full-space, so essentially I would like a full-width grid, 1/2 is non-contained so an image fills fully half the space and 1/2 has text that I contain to align with the rest of the text of the page.
It's not end of the world if I can't get it working, most people won't see the site on a giant screen, but I'm trying to make sure the paragraphs don't end up being 1600px across if you do see the site on a massive screen!
Thanks!
Hi Rebecca,
To get this right, you'll need a different Structure.
An example structure would be something like this: https://share.getcloudapp.com/rRuQKWoe
See that there's a Container Block holding the Grid Block, and the image is added to this Container Block.
Then the image size is set to 50% and positioned left center. Example: https://share.getcloudapp.com/geuyQpo1
Hope this helps!
It does! Thank you!
I knew I was thinking about it backward, thanks for your help!
You're welcome Rebecca!
