imagesss

static/style.css

@@ -2,13 +2,13 @@
   box-sizing: border-box;
 }
 
-html, body {
+html,
+body {
   margin: 0;
   font-size: 24px;
   font-family: serif;
 }
 
-
 header {
   display: flex;
   flex-direction: column;
@@ -31,11 +31,18 @@ header {
   padding-inline: 32px;
 }
 
+.chapter img {
+  max-width: 100%;
+  object-fit: contain;
+}
+
 .chapter + .chapter {
   margin-top: 256px;
 }
 
-h1, h2, h3 {
+h1,
+h2,
+h3 {
   font-family: sans-serif;
   margin: 2em auto;
 }
@@ -53,8 +60,9 @@ a {
   text-decoration: none;
 }
 
-pre, code {
-white-space: pre-wrap;
+pre,
+code {
+  white-space: pre-wrap;
 }
 
 .language-note,
@@ -82,11 +90,11 @@ white-space: pre-wrap;
 }
 
 .language-note:before {
-    content: 'Note'
+  content: "Note";
 }
 
 .language-todo:before {
-    content: 'TO DO'
+  content: "TO DO";
 }
 
 .language-placeholder {