How to make a page layout take up entire screen vertically

Last updated: June 26, 2024

<html>
  <head> 
    <meta charset="utf-8" />
    <link rel="icon" href="favicon.svg" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1.0"
    />
    <title>...</title> 
    <meta name="description" content="..." />
    <!-- Used by Googe -->
    <meta itemprop="description" content="..." />
  </head>

  <body class="min-h-full flex flex-col">
    <!-- <NavBarComponent /> -->
    <main class="flex-grow">
      <!-- children will go here -->
      <slot />
    </main>
    <!-- <FooterComponent /> -->
  </body>
</html>