full-bleed CSS layout

<main class="wrapper">
  <h1>Some Heading</h1>
  <p>Some content and stuff</p>
  <img class="full-bleed" alt="cute meerkat" src="/meerkat.jpg" />
</main>

.wrapper {
  display: grid;
  grid-template-columns: 1fr min(65ch, 100%) 1fr;
}
.wrapper > * {
  grid-column: 2;
}
.full-bleed {
  width: 100%;
  /* first to last */
  grid-column: 1 / -1;
}

.wrapper {
    grid-column-gap: 32px;
}
.wrapper > * {
    grid-template: 1fr min(980px, calc(100% - 64px)) 1fr;
}