From 7b92d760c6e469deef4ff3614b53383cc7a8fe26 Mon Sep 17 00:00:00 2001
From: Hykilpikonna <me@hydev.org>
Date: Sun, 26 Dec 2021 15:52:19 -0500
Subject: [PATCH] [S] Adapt to smaller screen

---
 src/views/Blog.vue | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/views/Blog.vue b/src/views/Blog.vue
index 3937ad7..abba21a 100644
--- a/src/views/Blog.vue
+++ b/src/views/Blog.vue
@@ -24,7 +24,15 @@ export default class Blog extends Vue
 </script>
 
 <style lang="sass" scoped>
+$width: 600px
+
 #Blog
-    width: 600px
+    width: $width
     margin: 20px auto
+
+// Phone layout
+@media screen and (max-width: $width + 40px)
+    #Blog
+        margin: 10px
+        width: unset
 </style>