From a829786bc19f3869996e1ebaaa9de3bb1b7f3f5f Mon Sep 17 00:00:00 2001
From: David Dal Busco <david.dalbusco@outlook.com>
Date: Thu, 2 May 2024 16:19:41 +0200
Subject: [PATCH 1/2] style: wrap text code to prevent content overflow-x

---
 src/styles/app.scss | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/src/styles/app.scss b/src/styles/app.scss
index bd59032be..e23ef10d7 100644
--- a/src/styles/app.scss
+++ b/src/styles/app.scss
@@ -163,6 +163,11 @@ div.brand {
     color: black;
     background-color: rgba($gray, 0.05);
     border: 1px solid rgba($gray, 0.25);
+    white-space: pre-wrap;
+  }
+
+  pre code {
+    white-space: inherit;
   }
 
   a.anchor::before {

From c8cba5403257519a3348c500c0ff20274e9472eb Mon Sep 17 00:00:00 2001
From: David Dal Busco <david.dalbusco@outlook.com>
Date: Fri, 18 Oct 2024 16:59:27 +0200
Subject: [PATCH 2/2] style: block of code overflow on mobile in ul

---
 src/styles/app.scss | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/styles/app.scss b/src/styles/app.scss
index bb82b5292..138e9113f 100644
--- a/src/styles/app.scss
+++ b/src/styles/app.scss
@@ -225,6 +225,10 @@ div.brand {
     white-space: inherit;
   }
 
+  ul code {
+    display: block;
+  }
+
   a.anchor::before {
     content: "§";
     display: none;