Centering columns/content within full width row


Registered User
22 posts
Online Now

My goal is to have the background span the entire width of the browser window but keep my columns/content in the center within a fixed width.

I have been successfully accomplishing this by:
<row> (no max width + background)
<subgrid> (max width 1000px)
<column-4>
<column-4>
<column-4>
</subgrid>
</row> (no max width)

Just was wondering if there is a more correct or cleaner way to accomplish this.
Thanks!



Senior Advisor
11,012 posts

Why do you want the row to span out full width when you are not going to use it for the contents? If it is because of a background image or colour, I'd rather add it to the grid (which always spans full width), and let the rows be as wide as you need for the content.
Ha en riktig god dag!
Inger, Norway
My new honey site, built with RFF: http://www.horgenhonning.net/
Component sharing for RSD, RFF and RBB: http://www.horgenhonning.net/sharing/



Senior Advisor
17,827 posts

He may only want part of the page background to fully cover?
I can't hear what I'm looking at.
It's easy to overlook something you're not looking for.

Here's my S-Drive site with
examples of what can be accomplished in VSD.
http://progrower.coffeecup.com/
Here's my CoffeeCup SCCP Shop with examples of what can be done.
http://progrower.coffeecup.com/shop/
This is a site I built for my work.(RSD)
http://esmansgreenhouse.com
This is a site I built for use in my job.(HTML Editor)
https://pestlogbook.com
This is my personnel site used for testing and as an easy way to share photos.(RLM imported to RSD)
http://ericrohloff.com


Ambassador
295 posts

That's how I do it, Brandon. Unless I don't need a subgrid and then I just put in a container to replace it and fill it with any specific content or groups of content, etc.
http://www.pixelandpoly.com/ (built with Bootstrap Builder)
Video Tutorials - https://goo.gl/KJCsjA
The Universe from A to Z - https://universeatoz.com/ (built with Foundation Framer)


Registered User
22 posts
Online Now

Inger wrote:
Why do you want the row to span out full width when you are not going to use it for the contents?
What Eric asked was correct. Certain sections of the website I want to have a different background then the rest. I attached a screen shot of the layout I am trying to create. I've built other website similar to this one but I always like to do things in the cleanest way possible so just wanted to make sure I wasn't going over kill on the divs.
Jeff wrote:
That's how I do it, Brandon. Unless I don't need a subgrid and then I just put in a container to replace it and fill it with any specific content or groups of content, etc.

Thanks for the confirmation Jeff!
Attachments:

Have something to add? We’d love to hear it!
You must have an account to participate. Please Sign In Here, then join the conversation.