padding: 1px
to the sections and it all goes away: https://codepen.io/anon/pen/qMdPXo?editors=1100
@AJ-Brommy That's actually pretty normal. All objects have default margins and paddings. When you override them, they disappear. So if the default was 10 and you change that to 1, it looks like it becomes a lot smaller. These days most ppl use Normalizers to fix this. In the earlier days of CSS ppl used:
* {
padding: 0;
margin: 0;
}
To fix that issue. But that's considered bad practise now.