From 054f00df158175b849599b81bcf68dfac6c44b39 Mon Sep 17 00:00:00 2001
From: Jan Tuomi <jans.tuomi@gmail.com>
Date: Tue, 12 Jul 2022 00:09:42 +0300
Subject: Fix mobile styles

---
 src/styles.css | 26 +++++++++++++++++++++++++-
 1 file changed, 25 insertions(+), 1 deletion(-)

diff --git a/src/styles.css b/src/styles.css
index 2fbdda2..c83169c 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -61,6 +61,30 @@ h3 {
     left: 612px;
 }
 
+@media screen and (max-width: 850px) {
+    h1 {
+        font-size: 14vw;
+        line-height: 14vw;
+    }
+
+    h2 {
+        font-size: 5vw;
+    }
+
+    h3 {
+        font-size: 8vw;
+        margin-bottom: 8px;
+    }
+    
+    #logo {
+        display: none;
+    }
+
+    header {
+        margin-bottom: 20px;
+    }
+}
+
 .gallery {
     display: flex;
     flex-flow: row wrap-reverse;
@@ -79,7 +103,7 @@ h3 {
 
 .gallery .column a {
     margin-bottom: var(--grid-gap);
-    min-width: 400px;
+    min-width: min(400px, 100vw);
 }
 
 .gallery .column img {
-- 
cgit v1.3