Code blocks

Create code blocks, like the one below, using the <pre> element with a nested <code> element inside.

<pre>
  <code>
    body {
      color: var(--color-dark);
      background: var(--color-light);
      font-size: var(--step-0);
      font-family: var(--font-base);
      letter-spacing: var(--tracking);
    }
  </code>
</pre>