[S] Adapt to smaller screen

2021-12-26 15:52:19 -05:00
parent 70ee93e06a
commit 7b92d760c6
1 changed files with 9 additions and 1 deletions
@@ -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>