show one banner per line on mobile

css/style.css

@@ -322,24 +322,6 @@ button{
 #homeImage{
     float: left;
 }
-@media only screen and (max-width: 600px) {
-    #homeImage{
-        float: none;
-    }
-    #content{
-        padding-left: 10px;
-        padding-right: 10px;
-    }
-    #blog{
-        flex-direction: column;
-    }
-    article {
-        margin-bottom: 10px;
-        margin-right: 0;
-    }
-
-}
-
 
 .spacer{
     clear: both;
@@ -454,4 +436,30 @@ button{
 .commentText{
     margin: 0;
     width: 100%;
+}
+
+@media only screen and (max-width: 600px) {
+    #homeImage{
+        float: none;
+    }
+    #content{
+        padding-left: 10px;
+        padding-right: 10px;
+    }
+    #blog{
+        flex-direction: column;
+    }
+    article {
+        margin-bottom: 10px;
+        margin-right: 0;
+    }
+    #banner a{
+        display: block;
+    }
+
+    #banner img {
+        max-width: none;
+        width: 100%;
+    }
+
 }

index.php

@@ -97,9 +97,11 @@ include "./internal/mysql.php";
             }
             ?>
         </div>
+        <div id="banner">
         <h2>Banner</h2>
         <a href="https://ipv6.he.net"><img src="https://ipv6.he.net/certification/create_badge.php?pass_name=jonasled&badge=3"></a>
         <a href="https://www.abuseipdb.com/user/45130"><img style="background-color: white" src="https://www.abuseipdb.com/contributor/45130.svg" style="width: 401px;"></a>
+        </div>
     </div>
     <div class="cookieinfo">
         <div class="cookieinfo-close" onclick="acceptCookie()">