I think I understood that I could also get rid of the whitespace by giving the paragraph within the footer a margin of 0. But I didn't stick with this route because I thought I needed to use margin to be able to move the paragraph element to it's appropriate place within
While working on Move, I was reviewing the code for Innovation Cloud, and noticed that the already existing code was using relative positioning to put
.container's in the right place. This is much better than using
display:inline-block on the paragraph element as I was doing previously. There was probably a reason why I couldn't understand why that solution worked. Great realization!
Figure something like this will happen to a lot of people. Using/explaning CSS resets before this might be beneficial. It also doesn't help that the mock/solution uses
line-height to position things appropriately in the footer - that doesn't seem the best way of going about this in relation to how things are positioned earlier.