src/lib/blog.scss

@@ -3,6 +3,7 @@
     --color-concept: hsl(39, 100%, 25%, 0.5);
     --color-concept-hsl: 39, 100%, 25%;
     --color-outline: #ffffff40;
+    width: 100%;
     * {
         color: var(--color-text);
     }
@@ -98,6 +99,7 @@
         font-family: monospace;
         margin-top: 0.75rem;
         margin-bottom: 0.75rem;
+        white-space: pre-wrap;
     }
     code {
         display: inline-block;

src/lib/page/article_page.svelte

@@ -100,7 +100,7 @@
 		min-height: 100%;
 		padding: 20px;
 		padding-top: 100px;
-		width: 1000px;
+		max-width: 1000px;
 		margin: 0 auto;
 		display: flex;
 		flex-direction: column;