From 21bbcff209c4cf4e549b0968297933df81feb470 Mon Sep 17 00:00:00 2001
From: madrilene <hola@lenesaile.com>
Date: Fri, 9 Feb 2024 11:14:13 +0100
Subject: [PATCH] add  word-break rule

---
 src/assets/css/blocks/prose.css | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/src/assets/css/blocks/prose.css b/src/assets/css/blocks/prose.css
index c3f6c60..0f9722c 100644
--- a/src/assets/css/blocks/prose.css
+++ b/src/assets/css/blocks/prose.css
@@ -1,3 +1,5 @@
+/* Based on Andy Bell, https://github.com/Andy-set-studio/personal-site-eleventy */
+
 .prose {
   --flow-space: var(--space-m);
   --wrapper-width: 64rem;
@@ -59,3 +61,14 @@
 .prose img {
   border-radius: var(--border-radius);
 }
+
+@media screen(ltsm) {
+  .prose > *,
+  .prose a {
+    overflow-wrap: break-word;
+    word-wrap: break-word;
+    word-break: break-word;
+    /* Adds a hyphen where the word breaks, if supported (No Blink) */
+    hyphens: auto;
+  }
+}