diff --git a/pages/index.vue b/pages/index.vue
index ae53a2b..6e9c3b0 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -26,5 +26,11 @@ main {
   align-items: center;
   max-width: 50%;
 }
+
+@media (max-width: 800px) {
+  main {
+    max-width: 90%;
+  }
+}
 </style>