From 41d65ba8d5cbcb302c5d5f0ae3150caac3a9520c Mon Sep 17 00:00:00 2001
From: lauralani <dev@lauka.net>
Date: Wed, 9 Aug 2023 07:57:05 +0200
Subject: [PATCH] Make page more mobile friendly

---
 assets/scss/style.scss | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/assets/scss/style.scss b/assets/scss/style.scss
index 0dd46aa..5fd6339 100644
--- a/assets/scss/style.scss
+++ b/assets/scss/style.scss
@@ -4,6 +4,8 @@ $heading-font-color: #d66388;
 $code-font-color: cornflowerblue;
 $special-font-color: #c2f486;
 $main-font-family: Consolas, monaco, monospace;
+$min-device-width: 940px;
+
 
 a {
 	margin: 0;
@@ -164,3 +166,14 @@ code {
 	color: $special-font-color;
 	font-style: normal;
 }
+
+@media (max-width: $min-device-width) {
+	body {
+		padding: 15px;
+		line-break: normal;
+	}
+
+	a, code {
+		line-break: anywhere;
+	}
+}
\ No newline at end of file