<div class="grid min-h-dvh place-items-center text-white">
  <div class="flex flex-col items-center">
    <img
      class="mb-8 h-12 w-12"
      src="https://sandpack.frontend.fyi/img/fefyi.svg"
    />
    <h1
      class="mb-6 max-w-[60%] text-balance text-center font-mono text-3xl text-white"
    >
      Frontend.fyi Playgrounds
    </h1>
    <a
      href="https://www.frontend.fyi/playgrounds"
      target="_blank"
      class="text-sm uppercase text-white bg-primary rounded-md px-2 py-1"
    >
      Frontend.fyi Playgrounds
    </a>
  </div>
</div>

<script src="index.js"></script>