From 4c81b4fb3e54d1f68033f71e6a7d03cfab36e5a4 Mon Sep 17 00:00:00 2001
From: MD KAIF RAZA KHAN <kaif-00z@proton.me>
Date: Tue, 28 Oct 2025 20:37:33 +0530
Subject: [PATCH] Implemented responsive styles for tag components

Added responsive styles for tag list and tags.
---
 assets/css/style.css | 19 +++++++++++++++++++
 1 file changed, 19 insertions(+)

diff --git a/assets/css/style.css b/assets/css/style.css
index f87b245..8c003df 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -235,6 +235,25 @@ details[open] summary:not(:hover) {
 	margin: 0.5em 0;
 }
 
+@media (max-width: 768px) {
+    .tag-list {
+        display: grid;
+        grid-template-columns: repeat(3, 1fr);
+        gap: 6px;
+    }
+    
+    .tag {
+        text-align: center;
+        white-space: nowrap;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        padding: 0.1em 0.3em;
+        font-size: 0.8em;
+		background: linear-gradient(90deg, transparent -5%, rgba(var(--bg-color), 0.3) 75%);
+		border: 1px solid var(--main-color);
+    }
+}
+
 .tag {
 	padding: 0.1em 0.3em;
 	background: linear-gradient(90deg, transparent -5%, rgba(var(--bg-color), 0.3) 75%);