From eda7f484ae64e4be42a898a232ec928f9e425d22 Mon Sep 17 00:00:00 2001
From: Aadil Ayub <aadilayub@protonmail.com>
Date: Thu, 13 Jan 2022 15:37:04 +0500
Subject: [PATCH] resize cards for mobile

---
 themes/lumbung-theme/static/css/main.css | 41 +++++++++++++++---------
 1 file changed, 25 insertions(+), 16 deletions(-)

diff --git a/themes/lumbung-theme/static/css/main.css b/themes/lumbung-theme/static/css/main.css
index cef0978..5563a6d 100644
--- a/themes/lumbung-theme/static/css/main.css
+++ b/themes/lumbung-theme/static/css/main.css
@@ -189,18 +189,6 @@ body {
   border-bottom: 1px solid #333;
 }
 
-@media (max-width: 480px) {
-  #top-menu {
-    grid-template-columns: 1fr;
-  }
-
-  .menu,
-  #top-menu .search,
-  #login {
-    display: none;
-  }
-}
-
 .menu-dropdown summary {
   list-style: none;
   cursor: pointer;
@@ -631,10 +619,6 @@ li.page-item a {
   color: black;
 }
 
-li.page-item.active {
-  padding: 0.4em;
-}
-
 li.page-item.active a {
   text-decoration: underline;
 }
@@ -730,4 +714,29 @@ footer a {
 footer a:hover {
   cursor: pointer;
   text-decoration: underline;
+}
+
+/* mobile styles */
+
+@media (max-width: 480px) {
+  #top-menu {
+    grid-template-columns: 1fr;
+  }
+
+  .menu,
+  #top-menu .search,
+  #login {
+    display: none;
+  }
+
+  .h-entry img {
+    max-width: 100%;
+    width: 100%;
+  }
+
+  .summary-text {
+    font-size: 17px;
+    min-width: none;
+    max-width: 16ch;
+  }
 }
\ No newline at end of file