From f4b5ee2637bf6a7e11c9e29f5593298882ecc45b Mon Sep 17 00:00:00 2001
From: John Toniutti <john.toniutti@gmail.com>
Date: Fri, 19 Jan 2024 18:28:32 +0100
Subject: [PATCH] Fix visualization problems on mobile

---
 assets/css/style.css          | 28 +++++++++++++++++++++++++++-
 jekyll-theme-tallneck.gemspec |  2 +-
 2 files changed, 28 insertions(+), 2 deletions(-)

diff --git a/assets/css/style.css b/assets/css/style.css
index f8668f4..90e72f4 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -25,7 +25,7 @@
 html {
     font-family: 'Roboto', sans-serif;
     font-size: 100%;
-    min-width: 200px;
+    min-width: 270px;
 }
 
 body {
@@ -66,6 +66,7 @@ small {
 a {
     text-decoration: none;
     color: #000;
+    word-break: break-all;
 }
 
 a:hover {
@@ -269,6 +270,31 @@ header nav ul li a:hover {
     object-fit: cover;
 }
 
+@media (max-width: 870px) {
+    .post-preview__box__image {
+        display: none;
+    }
+    
+    .post-preview__box__content__title {
+        margin-bottom: 0.2em;
+        margin-top: 0.2em;
+        font-size: 1.5rem;
+    }
+}
+
+
+@media (max-width: 350px) {
+    .post-preview__box__image {
+        display: none;
+    }
+    
+    .post-preview__box__content__title {
+        margin-bottom: 0.2em;
+        margin-top: 0.2em;
+        font-size: 1.2rem;
+    }
+}
+
 .post-preview__box__content {
     width: 100%;
     padding-left: 0.5rem;
diff --git a/jekyll-theme-tallneck.gemspec b/jekyll-theme-tallneck.gemspec
index 5ef3257..5f6c260 100644
--- a/jekyll-theme-tallneck.gemspec
+++ b/jekyll-theme-tallneck.gemspec
@@ -2,7 +2,7 @@
 
 Gem::Specification.new do |spec|
   spec.name          = "jekyll-theme-tallneck"
-  spec.version       = "0.1.1"
+  spec.version       = "0.1.2"
   spec.authors       = ["John Toniutti"]
   spec.email         = ["john.toniutti@gmail.com"]