message: margin on H1 based on font size so it shrinks as text shrinks
diff: <style type="scss">
  h1 {
  text-align: center;
  + margin-bottom: 2em;
  }
  section {
  display: grid;
  }
  </style>
  -<h1>Get started with a screencast</h1>
  +<h1 class="h3">Get started with a screencast</h1>
  <section>
  {#each screencasts as screencast, index}
  <Screencast {screencast} screencastNumber={index + 1} />
  