Fix visualization problems on mobile

jotonedev · Jan 19, 2024 · f4b5ee2 · f4b5ee2
1 parent f0bebaa
commit f4b5ee2
Show file tree

Hide file tree

Showing 2 changed files with 28 additions and 2 deletions.
diff --git 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
@@ -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         = ["[email protected]"]