Updated mobile view

Author: KartoffelChipss

astro.config.mjs

@@ -6,5 +6,8 @@ import react from '@astrojs/react';
 // https://astro.build/config
 export default defineConfig({
     integrations: [react()],
-    site: 'https://zetaplugins.com'
+    server: {
+        allowedHosts: ['zetaplugins.com', 'www.zetaplugins.com', 'mbjan.local'],
+    },
+    site: 'https://zetaplugins.com',
 });

src/components/sections/HeroSection.astro

@@ -5,7 +5,7 @@ import './HeroSection.scss';
 <section class="hero">
     <img src="/img/logo.svg" alt="ZetaPlugins logo" />
     <div class="hero-content">
-        <h1># ZetaPlugins</h1>
+        <h1># Zeta<wbr />Plugins</h1>
         <p>We are a group of developers who create plugins for Minecraft.</p>
     </div>
 </section>

src/components/sections/HeroSection.scss

@@ -55,12 +55,11 @@ section.hero {
         flex-direction: column;
         align-items: flex-start;
 
+        --top-offset: -150px;
+
         img {
             margin-top: -50px;
-        }
-
-        .hero-content {
-            margin-top: 0px;
+            display: none;
         }
     }
 }

src/components/sections/PluginsSection.scss

@@ -95,4 +95,8 @@ section.plugins {
             }
         }
     }
+
+    @media screen and (max-width: 800px) {
+        margin-bottom: 200px;
+    }
 }

src/components/sections/PrinciplesSection.scss

@@ -36,4 +36,8 @@ section.principles {
             }
         }
     }
+
+    @media screen and (max-width: 800px) {
+        margin-bottom: 200px;
+    }
 }

src/components/sections/SupportSection.scss

@@ -85,4 +85,8 @@ section.support {
             }
         }
     }
+
+    @media screen and (max-width: 800px) {
+        margin-bottom: 200px;
+    }
 }