style: Fixed mobile, enhanced homepage

2024-10-18 00:09:34 +02:00
parent 68afc97c07
commit d8208742f2
11 changed files with 249 additions and 52 deletions
@@ -731,7 +731,50 @@

        @media screen and (max-width: $screen-desktop-min) {
            .dropdown {
-                top: calc(100% + 1rem);
+                left: 3px;
+                right: 3px;
+
+                top: calc(100% + 9px);
+            }
+        }
+    }
+
+    .gallery-collage {
+        display: flex;
+
+        place-content: center;
+        align-items: center;
+        gap: 1rem;
+
+        flex-wrap: wrap;
+
+        width: 100%;
+
+        max-width: 64rem;
+
+        & > .card {
+            padding: 3px;
+
+            overflow: hidden;
+
+            @media screen and (max-width: $screen-desktop-min) {
+                max-width: 100%;
+            }
+
+            img {
+                display: grid;
+
+                max-width: 25rem;
+                max-height: 25rem;
+
+                border-radius: 3px;
+
+                @media screen and (max-width: $screen-desktop-min) {
+                    max-height: none;
+
+                    width: 25rem;
+                    max-width: 100%;
+                }
            }
        }
    }