From d1f646d58a4e2314373850f23d5b42b7a5a98bbc Mon Sep 17 00:00:00 2001
From: Jonas Leder <git@jonasled.de>
Date: Sun, 28 Mar 2021 20:43:34 +0200
Subject: [PATCH] fix abuseip banner on mobile

---
 public/index.php   | 2 +-
 scss/_content.scss | 3 ++-
 scss/_mobile.scss  | 2 +-
 3 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/public/index.php b/public/index.php
index 2bfec70..9a06a50 100644
--- a/public/index.php
+++ b/public/index.php
@@ -51,7 +51,7 @@ getHeader("Jonas Leder", "home");
         <div id="banner">
         <h2>Banner</h2>
         <a target="_blank" href="https://ipv6.he.net"><img src="<?php echo($heIMG); ?>" data-noPreview="true"></a>
-        <a target="_blank" href="https://www.abuseipdb.com/user/45130"><img class="abuseIpImg" src="<?php echo($abuseIPIMG); ?>" style="width: 401px;" data-noPreview="true"></a>
+        <a target="_blank" href="https://www.abuseipdb.com/user/45130"><img class="abuseIpImg" src="<?php echo($abuseIPIMG); ?>" data-noPreview="true"></a>
         </div>
         <br>
         <br>
diff --git a/scss/_content.scss b/scss/_content.scss
index 8d3aab7..7c66457 100644
--- a/scss/_content.scss
+++ b/scss/_content.scss
@@ -10,9 +10,10 @@ article{
   border: 2px solid $accent-color;
   border-radius: 20px;
   padding: 10px;
-  margin-right: 20px;
+  margin-right: 10px;
   flex: 1 1 0;
   width: 0;
+  box-sizing: border-box;
   h2{
     text-align: center;
     margin: 0;
diff --git a/scss/_mobile.scss b/scss/_mobile.scss
index 6a88b21..3fe86a6 100644
--- a/scss/_mobile.scss
+++ b/scss/_mobile.scss
@@ -28,7 +28,7 @@
   }
 
   article{
-    width: 95%;
+    width: 100%;
   }
   .h-captcha{
     width: 100%;
-- 
GitLab