fix tablet positioning of labels in blog

2025-11-20 11:45:50 +00:00 · 2025-04-07 12:26:47 -07:00
parent 420ed5f4ff
commit ebca41a259
3 changed files with 22 additions and 2 deletions
--- a/styles/_blog.scss
+++ b/styles/_blog.scss
@@ -55,6 +55,26 @@
        width: 100%;
      }
    }
+    .label{
+      width: fit-content;
+    }
+  }
+
+  // Add styles to ensure proper wrapping on tablet sizes
+  @media (min-width: 768px) and (max-width: 991px) {
+    #category-list {
+      display: block;
+      
+      img {
+        display: block;
+        margin-bottom: 10px;
+      }
+      
+      .label {
+        display: block !important;
+        margin-bottom: 15px;
+      }
+    }
  }

  .category_sidebar {