From 4141f1e06944e6f0166b29fa903fe7deb9c6e403 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Elias=20M=C3=BCller?= <elias@elias-mueller.com>
Date: Sun, 18 Oct 2026 13:55:04 +0200
Subject: [PATCH] fixed expanded view overflow on medium screen widths

---
 assets/css/style.css | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/assets/css/style.css b/assets/css/style.css
index 77644f1..73cae46 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -406,6 +406,13 @@ html:not(.js) .requires-js {
     display: none;
 }
 
+@media only screen and (max-width: 760px) {
+    #details:target + .card-container .back-main > ul,
+    #details:target + .card-container .back-main > hr {
+        display: none;
+    }
+}
+
 @media only screen and (max-width: 600px) {
     :root {
         --max-height: calc(100dvh - 110px);
@@ -462,10 +469,6 @@ html:not(.js) .requires-js {
         justify-content: flex-start;
         padding: 15px 25px 0 25px;
     }
-    #details:target + .card-container .back-main > ul,
-    #details:target + .card-container .back-main > hr {
-        display: none;
-    }
     #details:target + .card-container .interests {
         grid-template-columns: 1fr;
         row-gap: 4px;