From 22a5127ad05e6643f803a04a6f9db2bb69a3997e Mon Sep 17 00:00:00 2001
From: Firq <firelp42@gmail.com>
Date: Wed, 8 Mar 2023 21:08:27 +0100
Subject: [PATCH] BlogPost mobile fix

---
 src/layouts/blogPost.astro    | 21 ++++++++++++++++++---
 src/pages/blog/hello-world.md |  2 +-
 2 files changed, 19 insertions(+), 4 deletions(-)

diff --git a/src/layouts/blogPost.astro b/src/layouts/blogPost.astro
index 0f581f7..f974926 100644
--- a/src/layouts/blogPost.astro
+++ b/src/layouts/blogPost.astro
@@ -27,14 +27,14 @@ const date = new Date(frontmatter.pubDate).toLocaleDateString('en-GB', options_d
 <style>
     h1 {
         color: white;
-        margin: 0.5rem 0px 0.5rem 15rem;
+        margin: 0.5rem 3rem 0.5rem 3rem;
         padding: 0.25rem 0.75rem;
         width: max-content;
         background-color: var(--c-darkgray);
     }
     p {
         color: white;
-        margin: 0.5rem 0px 0.5rem 15rem;
+        margin: 0.5rem 3rem 0.5rem 3rem;
         padding: 0.25rem 0.75rem;
         width: max-content;
         background-color: var(--c-gray);
@@ -51,7 +51,7 @@ const date = new Date(frontmatter.pubDate).toLocaleDateString('en-GB', options_d
     }
     article {
         color: white;
-        margin: 0.5rem 15em 0.5rem 15rem;
+        margin: 0.5rem 3rem 0.5rem 3rem;
         font-size: 1.1em;
         padding-bottom: 5rem;
     }
@@ -63,4 +63,19 @@ const date = new Date(frontmatter.pubDate).toLocaleDateString('en-GB', options_d
         font-weight: bold;
         color: orange;
     }
+
+    @media (min-width: 1500px) {
+        article {
+            margin-left: 15rem;
+            margin-right: 15rem;
+        }
+        h1 {
+            margin-left: 15rem;
+            margin-right: 15rem;
+        }
+        p {
+            margin-left: 15rem;
+            margin-right: 15rem;
+        }
+    }
 </style>
\ No newline at end of file
diff --git a/src/pages/blog/hello-world.md b/src/pages/blog/hello-world.md
index d66dad3..d21cbd3 100644
--- a/src/pages/blog/hello-world.md
+++ b/src/pages/blog/hello-world.md
@@ -51,4 +51,4 @@ But in general, this whole thing is a hobby-project which aims to enhance my web
 
 Thanks for reading, and until next time
 
-~ Firq
+**~ Firq**