Adjust main section styling

resources/css/app.css

@@ -2,5 +2,6 @@
 
 @import 'components/balloon.css';
 @import 'components/button.css';
+@import 'components/main.css';
 
 @tailwind utilities;

resources/css/components/main.css

@@ -0,0 +1,5 @@
+@media (min-height: theme('screens.md')) {
+  main {
+    @apply tw-flex tw-flex-col tw-justify-center tw-h-full
+  }
+}

source/index.html.twig

@@ -14,10 +14,10 @@ update_text: Session submissions are now open!
     <a href="#main-content" class="visually-hidden focusable skip-link">
       Skip to main content
     </a>
-    <div class="tw-h-full">
+    <div class="tw-h-full tw-flex tw-flex-col">
         {% include 'banner' %}
 
-        <div class="tw-flex tw-flex-col tw-flex-1 tw-bg-balloon tw-bg-center tw-bg-cover">
+        <main class="tw-bg-balloon tw-bg-center tw-bg-cover">
             <div class="region tw-px-12">
                 <div id="block-homepagehero" class="tw-my-0 md:tw-py-18 lg:tw-py-24 block block-block-content block-block-content3760e7eb-29de-4f25-b7ee-76421679cf64">
                     <div class="tw-mx-16">
@@ -42,9 +42,9 @@ update_text: Session submissions are now open!
                     </div>
                 </div>
             </div>
-        </div>
+        </main>
 
-        <div>
+        <div class="tw-mt-auto">
             {% if page.update_text %}
                 {% include 'update-text' %}
             {% endif %}