Fixed responsive UI (I hope), added ability to scroll cards vertically, fixed cards offset on small screens, and other small changes

src/pages/index.astro

@@ -14,6 +14,7 @@ const { cards, website_title, website_logo } = data;
         <!-- https://developer.mozilla.org/en-US/docs/Web/HTTP/CSP -->
         <!-- DISABLED because it prevents the font from loading -->
         <!-- <meta http-equiv="Content-Security-Policy" content="default-src 'self'; script-src 'self'"> -->
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
         <title>{website_title}</title>
     </head>
 
@@ -32,6 +33,22 @@ const { cards, website_title, website_logo } = data;
             </div>
         </header>
 
+        <script>
+            window.addEventListener(
+                "wheel",
+                function (e) {
+                    if (e.deltaY !== 0) {
+                        e.preventDefault();
+                        window.scrollBy({
+                            left: e.deltaY,
+                            behavior: "auto",
+                        });
+                    }
+                },
+                { passive: false },
+            );
+        </script>
+
         <div class="card-container">
             {
                 cards.map((card) => (