From 5ce3e2b38e62292c88d44b57cf9d2f1b5b771c5c Mon Sep 17 00:00:00 2001
From: Jonas Leder <jonas@jonasled.de>
Date: Tue, 17 Nov 2020 20:36:57 +0100
Subject: [PATCH] show one banner per line on mobile

---
 css/style.css | 44 ++++++++++++++++++++++++++------------------
 index.php     |  2 ++
 2 files changed, 28 insertions(+), 18 deletions(-)

diff --git a/css/style.css b/css/style.css
index 807363f..4e53d84 100644
--- a/css/style.css
+++ b/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%;
+    }
+
 }
\ No newline at end of file
diff --git a/index.php b/index.php
index 7b1ac1b..9dbe7f2 100644
--- a/index.php
+++ b/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()">