Thank you SO much for replying Adam!
So it depends on your screensize, which is why I'm so confused. It's particularly bad on a mobile screen/device (Android is what I have and tested with, you won't see it if you "test" in the design page, only if you look on an actual phone). It loads the page and fill's the mobile screen and fits the page 100%, which then adds this white box just above the footer.
It obviously has some sort of padding/fill, but I'm not sure where or how to correct it. I'd like the footer to top align to the previous section, but how to code that is not something I know how to do and if it fills in color it would just expand the footer on the bottom half.
I used a theme to get things started, so not sure where that setting is or which div section.
THANK YOU so much for the hand, I'm super new to all this "magic" 
YES! You are exactly correct, I didn't think to try that! It doesn't have the white space at all when displayed horizontally.
Is their a way to set a default color in the code so if their is any gaps between images it fills in the dark blue color instead of white? I just used a theme so my guess is some place that white was setup as the default since that was originally the primary background color
So it isn't limited to just my device. I've had multiple people try and they all get the white space and depending on your mobile device it can be fairly large.
For example a new Samsung Note the block is massive
(Android 9, Chrome: v77.0.3865.166):
I'd like to figure out what Weebly theme I'm using and maybe try to update it? Maybe this is the issue? I went really generic to get something started because the popups said you could update later, but for the life of me I can't figure out how and all the posts I found for reviewing the theme are old (from 2016) and the editor looks nothing like that anymore 
Ok, thanks for that tidbit. I'll look up how to do that on the forums. Appreciate it Adam, you have been very helpful. I 
Weebly
