From 5ff52623d5c07e9dd2f0e7e007f3d0f34f688851 Mon Sep 17 00:00:00 2001
From: Hadi <112569860+anotherhadi@users.noreply.github.com>
Date: Thu, 1 Jan 2026 19:29:31 +0100
Subject: [PATCH] Break words on small screen

Signed-off-by: Hadi <112569860+anotherhadi@users.noreply.github.com>
---
 src/layouts/BlogLayout.astro | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/layouts/BlogLayout.astro b/src/layouts/BlogLayout.astro
index 1324c61..91e41ea 100644
--- a/src/layouts/BlogLayout.astro
+++ b/src/layouts/BlogLayout.astro
@@ -146,11 +146,11 @@ const toc = headers.map((header) => ({
       [&_h5]:text-lg [&_h5]:font-bold [&_h5]:mt-8 [&_h5]:mb-4
       [&_h6]:text-base [&_h6]:font-bold [&_h6]:mt-8 [&_h6]:mb-4
       [&_p]:mb-4
-      [&_a]:underline [&_a]:link
+      [&_a]:underline [&_a]:link [&_a]:break-words
       [&_ul]:mb-4 [&_ul]:ml-6 [&_ul]:list-disc [&_ul]:list-outside
       [&_ol]:mb-4 [&_ol]:ml-6 [&_ol]:list-decimal [&_ol]:list-outside
       [&_li]:mb-2
-      [&_code]:px-1.5 [&_code]:py-0.5 [&_code]:rounded [&_code]:text-sm [&_code]:font-mono [&_code]:bg-base-200
+      [&_code]:px-1.5 [&_code]:py-0.5 [&_code]:rounded [&_code]:text-sm [&_code]:font-mono [&_code]:bg-base-200 [&_code]:break-words [&_code]:whitespace-pre-wrap
       [&_pre]:p-4 [&_pre]:rounded-lg [&_pre]:overflow-x-auto [&_pre]:mb-4 [&_pre]:bg-base-200
       [&_pre_code]:bg-transparent [&_pre_code]:p-0
       [&_blockquote]:border-l-4 [&_blockquote]:border-base-300 [&_blockquote]:pl-4 [&_blockquote]:italic [&_blockquote]:my-4