I'm not exactly sure if my site https://www.dropbox.com/s/4z3ahz59z4m4s … l.rsd?dl=0 can have the rows set to where they conform to any screen width, as it seems to stretch up to a point and then leave white blank margins on both sides of the screen. I've read before this has something to do with configuring rows, but I'm not exactly sure how I'd go about it in my particular case.

I also have this slight issue where blank space takes up some area on the main body area of the site depending on what page you're visiting. Either the space shows up on the bottom of the page to the right or left depending on the elements and how they are arranged side by side in their respective columns. Is this just something I have to deal with by playing around with the elements or adding extra content until either columns (they are technically sub grid) line up with each other or is there some kind of fix I can implement to correct the issue?

So are you wanting your rows to stretch full width no matter what the width of the screen ??

If so set the MAX Width for the rows to NONE

I also have this slight issue where blank space takes up some area on the main body area of the site depending on what page you're visiting. Either the space shows up on the bottom of the page to the right or left depending on the elements and how they are arranged side by side in their respective columns. Is this just something I have to deal with by playing around with the elements or adding extra content until either columns (they are technically sub grid) line up with each other or is there some kind of fix I can implement to correct the issue?

That one is going to be difficult to do as it is,, setting heights for the columns to match is problomatic,,

What you should have done there is set a column (be it a normal column or a sub-grid column) with 2 containers for your element contents, Then you set the column to position=flex direction= column (or row depending on what you want) items=stretch
that way the containers within the column with stretch to match the longest container within the column and therefore no more white space

I also have this slight issue where blank space takes up some area on the main body area of the site depending on what page you're visiting. Either the space shows up on the bottom of the page to the right or left depending on the elements and how they are arranged side by side in their respective columns. Is this just something I have to deal with by playing around with the elements or adding extra content until either columns (they are technically sub grid) line up with each other or is there some kind of fix I can implement to correct the issue?

If you are wanting the rows to go full width,, then you can get around the white space issue for the columns by setting the Grid to background Black,,, then setting the rows/columns sub-grid rows back to background white on the ones where you want the background to be white (remove any padding for columns so they don't have a black edge,,, that way you won't need to mess about with containers & flexing etc

Nope worked just fine once again very appreciated!