From d4336fa1ca005630d1687bdfcd18a0e6e67f661b Mon Sep 17 00:00:00 2001
From: Joshua Goins <josh@redstrate.com>
Date: Wed, 26 Oct 2022 08:56:44 -0400
Subject: [PATCH] Reduce page margins on mobile devices

---
 themes/red/assets/css/site.css | 24 ++++++++++++++++--------
 1 file changed, 16 insertions(+), 8 deletions(-)

diff --git a/themes/red/assets/css/site.css b/themes/red/assets/css/site.css
index 715bb2a..80137a9 100644
--- a/themes/red/assets/css/site.css
+++ b/themes/red/assets/css/site.css
@@ -3,6 +3,22 @@
     aside {
         flex: 200px 0 0;
     }
+
+    header {
+        margin: 10px;
+    }
+
+    aside {
+        margin: 10px;
+    }
+
+    article {
+        margin: 10px;
+    }
+
+    footer {
+        margin: 10px;
+    }
 }
 
 /* mobile devices */
@@ -33,8 +49,6 @@ body {
 header {
     flex-grow: 1;
     flex-basis: 100%;
-
-    margin: 10px;
 }
 
 aside {
@@ -45,8 +59,6 @@ aside {
     border: 1px solid black;
     border-radius: 3px;
     padding: 15px;
-
-    margin: 10px;
 }
 
 article {
@@ -58,8 +70,6 @@ article {
     padding: 15px;
 
     flex: 2 0;
-
-    margin: 10px;
 }
 
 footer {
@@ -67,8 +77,6 @@ footer {
 
     flex-grow: 1;
     flex-basis: 100%;
-
-    margin: 10px;
 }
 
 .article-img {