After several hours of trying to figure out what was creating some extra padding on my website. I resorted to removing some new code that varied from my static build which behaved as I expected.

After about 20 minutes, I found the culprit. It was a social media plugin I was using. The widget itself worked great but it ruined my layout.  So I removed it and found another solution.

Lesson learned: Great to have a static site to see how it behaved before you start adding widgets and dynamic data. So if it works on the static and broken on your new implementation, start removing additions and see where the problem lies.  This would have saved me hours of stress since I was sure my css and code were good!