Fix content overflowing on mobile

nygrenh · nygrenh · commit 708347ea7ea3 · 2018-12-21T10:52:32.000+02:00
diff --git a/src/templates/remark.css b/src/templates/remark.css
@@ -24,5 +24,5 @@ code {
 :not(pre) > code[class*='language-'] {
   background-color: rgb(243, 243, 243) !important;
   color: rgb(20, 20, 20) !important;
-  white-space: pre;
+  white-space: pre-wrap;
 }
diff --git a/src/templates/theme.css b/src/templates/theme.css
@@ -147,4 +147,6 @@ img + p {
 
 img {
   margin-bottom: 2rem;
+  max-width: 100%;
+  height: auto;
 }

Original file line number	Diff line number	Diff line change
`@@ -24,5 +24,5 @@ code {`
`24`	`24`	`:not(pre) > code[class*='language-'] {`
`25`	`25`	`background-color: rgb(243, 243, 243) !important;`
`26`	`26`	`color: rgb(20, 20, 20) !important;`
`27`		`- white-space: pre;`
	`27`	`+ white-space: pre-wrap;`
`28`	`28`	`}`