resize cards for mobile

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;
+  }
 }