From f6bdc3f596ce3353f607035059efb5b019ecef63a770c2bb97f9882bc7563128 Mon Sep 17 00:00:00 2001
From: nnwhen <nnwhen@nnwhen.com>
Date: Thu, 1 May 2025 16:05:16 +0200
Subject: [PATCH] adequate "Mirror" mobile fix

---
 mirror.html |  2 +-
 style.css   | 16 ++++++++++++----
 2 files changed, 13 insertions(+), 5 deletions(-)

diff --git a/mirror.html b/mirror.html
index f8b7b9f..52f1f32 100644
--- a/mirror.html
+++ b/mirror.html
@@ -74,7 +74,7 @@
           />
           <img src="res/asset-sitewide-header-banner.png" alt="" />
         </picture>
-        <a aria-label="Return to the Homepage" tabindex="-1" href="#">
+        <a aria-label="Return to the Homepage" tabindex="-1" href="index.html">
           <picture id="header-img-group-logo">
             <source
               srcset="res/asset-sitewide-header-ennspace.avif"
diff --git a/style.css b/style.css
index 74115ff..4670da9 100644
--- a/style.css
+++ b/style.css
@@ -670,17 +670,19 @@ footer#free {
 /* Mirror List */
 .ly-mirror {
   display: flex;
-  width: min(95%, 1200px);
+  flex-wrap: wrap;
+  justify-content: space-evenly;
+  max-width: min(95%, 800px);
   margin: 20px auto;
 
   background-color: var(--accent-3);
 }
 .ly-mirror img,
 .ly-mirror picture {
-  width: 250px;
-  height: 250px;
+  max-width: 250px;
+  max-height: 250px;
+  width: 100%;
   object-fit: cover;
-  margin-right: 20px;
   animation: load 1s infinite alternate;
 }
 .ly-mirror h1,
@@ -700,6 +702,12 @@ footer#free {
   font-size: larger;
   font-family: "mono", monospace;
 }
+.mirror-info {
+  max-width: 500px;
+  width: 100%;
+  margin: auto;
+  padding: 10px;
+}
 
 /* Directory List Pages */
 .list {