Blog content too wide

[galenwinsor]

The issue

• The blog content currently doesn't have a max-width set, so the text at larger screens is wider than the recommended 45 to 85 characters.
• The blog content doesn't have any horizontal padding, so on narrower screens the text touches the edge of the screen.

Proposed fix

Some addition to the .content class like this:

.content {
  /* ... */
 display: grid;
 grid-template-columns: 1fr min(65ch, 100%) 1fr;
}

.content > * {
 grid-column: 2;
}

Before

After