I used to do that and default things to 0. But when I read:
"// PLEASE NOTE: Adding global style rules using the selector, or by adding rules to body {..} or html {..}, or to all elements within body or html, i.e. h1 {..}, has the potential to pollute the test suite's CSS. Try adding: { color: red }, for a quick example!"
I avoided doing so. However, reading it again, I think I miss read and panic'd lol, it's just a warning to be careful with the testing.
Settings -> CSS
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.