diff --git a/pages/docs/[...slug].vue b/pages/docs/[...slug].vue
index e5a856a..ef26870 100644
--- a/pages/docs/[...slug].vue
+++ b/pages/docs/[...slug].vue
@@ -62,10 +62,20 @@ useSeoMeta({
   position: relative;
 }
 
-.docs-container {
-  display: flex;
-  flex-direction: row;
-  gap: 1rem;
+@media (min-width: 768px) {
+  .docs-container {
+    display: flex;
+    flex-direction: row;
+    gap: 1rem;
+  }
+}
+
+@media (max-width: 768px) {
+  .docs-container {
+    display: flex;
+    flex-direction: column-reverse;
+    gap: 1rem;
+  }
 }
 
 .docs-content {