From bcd6753b81b4f03e9613a42836f5f8afad61887a Mon Sep 17 00:00:00 2001
From: Ariel Costas <94913521+arielcostas@users.noreply.github.com>
Date: Sun, 3 Dec 2023 18:54:59 +0100
Subject: Mix mobile styles

---
 assets/css/partials/article.scss | 19 +++++++++++++++----
 1 file changed, 15 insertions(+), 4 deletions(-)

(limited to 'assets/css/partials/article.scss')

diff --git a/assets/css/partials/article.scss b/assets/css/partials/article.scss
index b4fdda8..91c79db 100644
--- a/assets/css/partials/article.scss
+++ b/assets/css/partials/article.scss
@@ -1,9 +1,10 @@
 main {
-	max-width: 65ch;
 	margin: 0 auto 3rem;
-	width: 100%;
 	padding: 1rem;
-
+	box-sizing: border-box;
+	
+	max-width: 65ch;
+	width: 100%;
 	font-size: 1.25rem;
 
 	>* {
@@ -11,8 +12,14 @@ main {
 		margin-bottom: 1.75rem;
 	}
 
+	>p>code {
+		word-break: break-word;
+		font-size: 0.9em;
+		color: var(--accent-1);
+	}
+
 	h1 {
-		font-size: 3.5rem;
+		font-size: 2.25rem;
 		line-height: 1;
 		margin-bottom: 1rem;
 	}
@@ -22,4 +29,8 @@ main {
 		font-size: 0.85rem;
 		margin-bottom: 1rem;
 	}
+
+	pre {
+		overflow: scroll;
+	}
 }
\ No newline at end of file
-- 
cgit v1.3