From bc9800b1e67b9f5f7bb332d85868de8e121cbd87 Mon Sep 17 00:00:00 2001
From: Hexaitos <me@hexaitos.com>
Date: Sat, 12 Oct 2024 13:03:15 +0200
Subject: [PATCH] Fix broken on mobile gallery

---
 _site/assets/css/styles.css | 11 ++++++++++-
 assets/css/styles.css       | 11 ++++++++++-
 2 files changed, 20 insertions(+), 2 deletions(-)

diff --git a/_site/assets/css/styles.css b/_site/assets/css/styles.css
index 36a2a54..2be255f 100755
--- a/_site/assets/css/styles.css
+++ b/_site/assets/css/styles.css
@@ -259,7 +259,6 @@ footer p:last-of-type {
 /* CSS gallery from w3schools.com */
 
 div.art {
-  width: 100%;
   display: flex;
   justify-content: center;
 }
@@ -298,12 +297,22 @@ div.desc {
     width: 49.99999%;
     margin: 6px 0;
   }
+  
+  div.art {
+    display: inherit;
+    justify-content: inherit
+  }
 }
 
 @media only screen and (max-width: 500px) {
   .responsive {
     width: 100%;
   }
+  
+  div.art {
+    display: inherit;
+    justify-content: inherit
+  }
 }
 
 .clearfix:after {
diff --git a/assets/css/styles.css b/assets/css/styles.css
index 36a2a54..2be255f 100755
--- a/assets/css/styles.css
+++ b/assets/css/styles.css
@@ -259,7 +259,6 @@ footer p:last-of-type {
 /* CSS gallery from w3schools.com */
 
 div.art {
-  width: 100%;
   display: flex;
   justify-content: center;
 }
@@ -298,12 +297,22 @@ div.desc {
     width: 49.99999%;
     margin: 6px 0;
   }
+  
+  div.art {
+    display: inherit;
+    justify-content: inherit
+  }
 }
 
 @media only screen and (max-width: 500px) {
   .responsive {
     width: 100%;
   }
+  
+  div.art {
+    display: inherit;
+    justify-content: inherit
+  }
 }
 
 .clearfix:after {