Less margin/padding on smaller screens

[simonw]

Currently:

I'd like less margin on smaller screens.

[simonw]

The padding comes from here: https://github.com/simonw/til/blob/dcdb8aabed967e4ebc17d013fcd9a0cf5b9cc739/templates/til_base.html#L58-L61

[simonw]

1em looks better - I'll set that for widths smaller than 600px.

[simonw]

@media (max-width: 600px) {
    section.body {
        padding: 0em 1em;
    }
}

[simonw]

Oh this will take a while, it's going to regenerate every screenshot!

[simonw]

I need to align the heading in the purple strip too.

[simonw]

Better!