From dcba7ef18bfcdafc05f930650d87e3ce1443a6fb Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Oskar=20Wickstr=C3=B6m?= <oskar@wickstrom.tech>
Date: Wed, 21 Aug 2024 20:22:37 +0200
Subject: [PATCH] align chart

---
 index.css |  2 ++
 index.md  | 10 +++++-----
 2 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/index.css b/index.css
index 9f7f63e..e1b6f11 100644
--- a/index.css
+++ b/index.css
@@ -175,7 +175,9 @@ code {
 
 figure {
   margin: calc(var(--line-height) * 2) 3ch;
+  overflow-x: auto;
 }
+
 figcaption {
   display: block;
   font-style: italic;
diff --git a/index.md b/index.md
index 8030fd5..60694a6 100644
--- a/index.md
+++ b/index.md
@@ -120,11 +120,11 @@ To have it stand out a bit more, we can wrap it in a `<figure>` tag, and why not
 Let's go wild and draw a chart!
 
 <figure><pre>
-                  Things I have.
-                                              ████ Usable
-    │
-15  │                                         ░░░░ Broken
-    │
+                      Things I Have
+                                              
+    │                                     ████ Usable
+15  │
+    │                                     ░░░░ Broken
     │
 12  │             ░            
     │             ░