index.html

<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Quiz Recap</title>
    <style>
      body {
        font-family:
          system-ui, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif,
          'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
        background-color: whitesmoke;
      }

      .container {
        @media screen and (min-width: 580px) {
          max-width: 850px;
          margin: 20px auto;
          padding: 20px;
        }
      }
    </style>
  </head>
  <body>
    <div id="quiz-recap" class="container"></div>
    <script type="module" src="/src/main.tsx"></script>
  </body>
</html>