diff --git a/root/css/base.css b/root/css/base.css
index 31a2512..b3aa0ec 100644
--- a/root/css/base.css
+++ b/root/css/base.css
@@ -42,6 +42,7 @@ main > p {
 #links-container {
   justify-content: center;
   display: flex;
+  flex-flow: row wrap;
   width: 100%;
 }
 
@@ -88,12 +89,12 @@ div.image {
 div.desc {
   margin: auto 6pt auto 0;
   text-align: center;
-  font-weight: 700;
-  font-size:15pt;
+  font-weight: 800;
+  font-size:14pt;
 }
 
 footer {
-  position: fixed;
+  position: relative;
   display: flex;
   left: 0;
   bottom: 0;
diff --git a/root/index.php b/root/index.php
index 2fb52a6..beda4cf 100644
--- a/root/index.php
+++ b/root/index.php
@@ -5,6 +5,7 @@ $title = "Marcel's Homepage";
 ?>
 
 <head>
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
 <link rel="stylesheet" href="css/base.css" type="text/css">
 <title> <?php echo $title; ?> </title>
 </head>
@@ -13,6 +14,10 @@ $title = "Marcel's Homepage";
 <header id="topbar" class="darkerbar"><h1><?php echo $title; ?></h1> </header>
 
 <main>
+<p>
+    You've reached my realm. Now look around or leave.
+</p>
+
 <div id="links-container">
     <div class="item" id="authentik">
         <div class="image"><img class="item" alt="logo" src="static/authentik.svg"></div><div class="desc">authentik</div>
@@ -31,9 +36,6 @@ $title = "Marcel's Homepage";
         <a href="https://element.marcelsite.com"></a>
     </div>
 </div>
-<p>
-    You've reached my realm. Now look around or leave.
-</p>
 </main>
 
 
