index.html

<!doctype html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <link rel="icon" type="image/png" href="/logo.png" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <title>CSS Grid Playground - An interactive CSS Grid layout editor with examples</title>
  <meta name="description"
    content="Interactive CSS Grid Layout tool: Edit, view real-time changes, and share prototypes. Includes some web.dev presets and Open Props support.">
  <meta name="twitter:card" content="summary_large_image">
  <meta name="twitter:site" content="@itsjavidotcom">
  <meta name="twitter:creator" content="@itsjavidotcom">
  <meta name="twitter:title" content="CSS Grid Playground">
  <meta name="twitter:description" content="Interactive CSS Grid Layout tool: Edit, view real-time changes, and share prototypes. Includes some web.dev presets and Open Props support.">
  <meta name="twitter:image" content="https://itsjavi.com/css-grid-playground/twitter-card.png">
</head>

<body>
  <div id="root"></div>
  <script type="module" src="/src/main.tsx"></script>
</body>

</html>