1 files changed, 15 insertions, 6 deletions
diff --git a/themes/danix-xyz-hacker/assets/css/main.min.css b/themes/danix-xyz-hacker/assets/css/main.min.css
index 96f7ab4..64be81a 100644
--- a/themes/danix-xyz-hacker/assets/css/main.min.css
+++ b/themes/danix-xyz-hacker/assets/css/main.min.css
@@ -1663,13 +1663,22 @@ article.border.border-border\/30.rounded-lg.card.group.bg-bg {
 
 .article-nav-links {
   display: flex;
-  align-items: center;
-  justify-content: space-between;
+  flex-direction: column;
+  gap: 1rem;
   font-family: JetBrains Mono, monospace;
   font-size: 0.875rem;
   line-height: 1.25rem;
 }
 
+@media (min-width: 768px) {
+  .article-nav-links {
+    flex-direction: row;
+    align-items: center;
+    justify-content: space-between;
+    gap: 0px;
+  }
+}
+
 .article-nav-link {
   color: var(--text);
   transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
@@ -2043,10 +2052,6 @@ article.border.border-border\/30.rounded-lg.card.group.bg-bg {
   max-width: 80rem;
 }
 
-.max-w-\[45\%\] {
-  max-width: 45%;
-}
-
 .max-w-lg {
   max-width: 32rem;
 }
@@ -3954,6 +3959,10 @@ article.toast.border-border\/30.rounded-lg.overflow-hidden.group.bg-bg {
     width: 12rem;
   }
 
+  .md\:max-w-\[45\%\] {
+    max-width: 45%;
+  }
+
   .md\:grid-cols-2 {
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }