diff --git a/website/dist/docs/css/style.css b/website/dist/docs/css/style.css
index 21c1a59..ae2ee39 100644
--- a/website/dist/docs/css/style.css
+++ b/website/dist/docs/css/style.css
@@ -17,20 +17,22 @@ html, body {
 }
 
 body {
-    height: 100vh;
-    display: grid;
+    display: block;
     background-color: #648cab;
-    grid-template-areas:
-    'header header header header header'
-    'menu main main main main'
-    'menu main main main main'
-    'menu main main main main'
-    'menu main main main main'
-    'menu main main main main'
-    'menu main main main main'
-    'menu main main main main'
-    'menu main main main main'
-    'footer footer footer footer footer';
+}
+
+.doc-main {
+    display: flex;
+}
+
+@media only screen and (min-width: 1000px) {
+    body {
+        height: 100vh;
+    }
+    .doc-main {
+        display: flex;
+        height: 85vh;
+    }
 }
 
 .title-wrapper {
diff --git a/website/dist/docs/index.html b/website/dist/docs/index.html
index 3ff7da1..5d3b939 100644
--- a/website/dist/docs/index.html
+++ b/website/dist/docs/index.html
@@ -13,17 +13,20 @@
     </head>
     <body>
         <div id="nav"></div>
-        <div id="side-bar"></div>
-        <div id="backToTop" onclick="backToTop();"></div>
-        <div id="docPage">
-            <div class="title-wrapper">
-                <h1>Docs - libreǝvent</h1>
-                <footer>Learn how to setup and use libreǝvent!</footer>
-            </div>
-            <div class="content">
-                <h3>Welcome to the libreǝvent docs, THE place to learn all about the project!</h3>
-                <p>libreǝvent is a free and open source event management solution with which you may sell tickets online at incredibly low prices as you host the application yourself. But don't be afraid, it's easier to set up than you might think! To make it as easy as possible for you to set up libreǝvent, we have our installation guides which you may follow to get up and running very quickly!</p>
-                <p>If you like this project, please consider giving it a star on GitHub and donating to help fund the development costs.</p>
+        <div class="doc-main">
+
+            <div id="side-bar"></div>
+            <div id="backToTop" onclick="backToTop();"></div>
+            <div id="docPage">
+                <div class="title-wrapper">
+                    <h1>Docs - libreǝvent</h1>
+                    <footer>Learn how to setup and use libreǝvent!</footer>
+                </div>
+                <div class="content">
+                    <h3>Welcome to the libreǝvent docs, THE place to learn all about the project!</h3>
+                    <p>libreǝvent is a free and open source event management solution with which you may sell tickets online at incredibly low prices as you host the application yourself. But don't be afraid, it's easier to set up than you might think! To make it as easy as possible for you to set up libreǝvent, we have our installation guides which you may follow to get up and running very quickly!</p>
+                    <p>If you like this project, please consider giving it a star on GitHub and donating to help fund the development costs.</p>
+                </div>
             </div>
         </div>
         <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
