diff --git a/src/components/Header.astro b/src/components/Header.astro
index 3006964..74b0d50 100644
--- a/src/components/Header.astro
+++ b/src/components/Header.astro
@@ -41,4 +41,10 @@ span {
   align-items: center;
   height: 30px;
 }
+
+@media screen and (max-width: 800px) {
+  div, nav {
+    flex-direction: column;
+  }
+}
 </style>