diff --git a/frontend/src/pages/Home.vue b/frontend/src/pages/Home.vue
index ac1099aa..116c3c3c 100644
--- a/frontend/src/pages/Home.vue
+++ b/frontend/src/pages/Home.vue
@@ -12,7 +12,7 @@
         </h4>
       </div>
     </header>
-    <div style="display: flex; just-content: ">
+    <div style="display: flex; justify-content: space-between;">
       <Tree class="tree" v-model="file"></Tree>
       <Editor ref="editor" class="editor" v-model="value"></Editor>
       <XView class="view" :value="value"></XView>
@@ -117,4 +117,17 @@ export default {
   max-width: 900px;
   margin: 0 auto;
 }
+
+@media print {
+  .editor, .header, .tree {
+    display: none;
+  }
+
+  .view.markdown-body {
+    min-width: 100%;
+    max-width: 100%;
+    width: 100%;
+    height: auto;
+  }
+}
 </style>