So, everything is great with the columns, except that if you try and scroll the page down, you will see that we are really tight to the bottom.
Let's see what happens when we add a margin-bottom property to the container that wraps around everything: secondary-section. Let's say margin-bottom: 40px:
/****************
3 columns
****************/
.secondary-section {
margin-bottom: 40px;
}
If we save this, it really does nothing in the browser. The content is still sitting right at the bottom. Let me further illustrate this problem. If I had a background color of green, then you'd expect the entire background to be green: ...
