[Resolved] Full width background, contained width text in containers

[Rebecca]

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!

[Fernando]

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!

[Rebecca]

It does! Thank you!

I knew I was thinking about it backward, thanks for your help!

[Fernando]

You’re welcome Rebecca!

[Author]

Posts