fix: mobile layout being broken

themes/coopcloud.tech/layouts/partials/head.html

@@ -10,5 +10,6 @@
     {{ template "_internal/twitter_cards.html" . }}
     <link href='{{ $style.RelPermalink }}' rel="stylesheet">
     <meta name="go-import" content="coopcloud.tech/tagcmp git https://git.coopcloud.tech/coop-cloud/tagcmp">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
     <title>{{ $title }}</title>
 </head>

themes/coopcloud.tech/layouts/partials/index/server_hero.html

@@ -2,7 +2,7 @@
   <div class="container">
     <div class="hero-body has-text-centered">
       <div class="columns is-centered">
-        <div class="column is-three-quarters-desktop is-two-thirds-tablet">
+        <div class="column is-three-quarters-desktop is-two-thirds-tablet is-full-mobile">
           <p class="title is-size-2">
             <a href="https://public-interest-tech.com/" target="_blank"
               >Public interest</a

themes/coopcloud.tech/layouts/partials/index/underline_points.html

@@ -13,7 +13,7 @@
     {{ end }}
     <div class="columns is-variable is-8">
       <div
-        class="column is-4-tablet is-one-third-desktop is-one-quarter-widescreen"
+        class="column is-4-tablet is-one-third-desktop is-one-quarter-widescreen is-full-mobile"
       >
         {{ if eq $title "benefits" }}
         <h2 class="is-uppercase is-size-3 has-text-weight-medium">
@@ -25,18 +25,18 @@
         </h2>
         {{ end }}
       </div>
-      <div class="column is-two-thirds-desktop is-three-fifths-widescreen">
+      <div class="column is-two-thirds-desktop is-three-fifths-widescreen is-full-mobile">
         <div class="is-size-4">
           <p class="block has-text-weight-light">
             {{ markdownify $item.right }}
           </p>
         </div>
         {{ if and (eq $amount (add $index 1)) (eq $title "faq") }}
-        <a href="{{ site.Params.links.docsfaq }}">
-          <button id="faq-button" class="button grey-button is-medium">
+        <button id="faq-button" class="button grey-button is-normal">
+          <a href="{{ site.Params.links.docsfaq }}">
             Read all Frequently Asked Questions
-          </button>
-        </a>
+          </a>
+        </button>
         {{ end }}
       </div>
     </div>