From b3c46080af0bdce0c93cf1d4ecf4658e49c6c6f3 Mon Sep 17 00:00:00 2001
From: Christian Wolf <github@christianwolf.email>
Date: Sun, 7 Jan 2024 11:53:26 +0100
Subject: [PATCH] Handle galleries view in news in mobile

---
 themes/tsc_vfl/assets/css/main.scss | 26 +++++++++++++++++---------
 1 file changed, 17 insertions(+), 9 deletions(-)

diff --git a/themes/tsc_vfl/assets/css/main.scss b/themes/tsc_vfl/assets/css/main.scss
index de04bcd..7d8ca0d 100644
--- a/themes/tsc_vfl/assets/css/main.scss
+++ b/themes/tsc_vfl/assets/css/main.scss
@@ -373,6 +373,10 @@ h1 {
             padding: 10px;
             flex: 30% 0 0;
             // height: 30%;
+
+            img {
+                max-width: 100%;
+            }
         }
     }
 }
@@ -572,18 +576,22 @@ h1 {
     align-items: center;
     justify-items: center;
     
-    &.cols-2 {
-        grid-template-columns: 1fr 1fr;
-    }
-    &.cols-3 {
-        grid-template-columns: 1fr 1fr 1fr;
-    }
-    &.cols-4 {
-        grid-template-columns: 1fr 1fr 1fr 1fr;
+    grid-template-columns: 1fr;
+
+    @include media-large() {
+        &.cols-2 {
+            grid-template-columns: 1fr 1fr;
+        }
+        &.cols-3 {
+            grid-template-columns: 1fr 1fr 1fr;
+        }
+        &.cols-4 {
+            grid-template-columns: 1fr 1fr 1fr 1fr;
+        }
     }
 
     .tsc-gallery-img {
-        margin: 20px;
+        margin: 5px 0;
     }
 }