From b06185ce4e8e57692d5bd7ed2f824ec17dc421a7 Mon Sep 17 00:00:00 2001
From: Ethan Dalool <git@voussoir.net>
Date: Sun, 14 Nov 2021 17:09:12 -0800
Subject: [PATCH] Remove article margins on small screens.

---
 voussoir.net/writing/dark.css | 25 ++++++++++++++++++++++++-
 1 file changed, 24 insertions(+), 1 deletion(-)

diff --git a/voussoir.net/writing/dark.css b/voussoir.net/writing/dark.css
index dcb78ea..f35f306 100644
--- a/voussoir.net/writing/dark.css
+++ b/voussoir.net/writing/dark.css
@@ -35,7 +35,6 @@ body
 
 article
 {
-    width: 90%;
     min-width: 10em;
     max-width: 70em;
     margin-left: auto;
@@ -47,6 +46,30 @@ article
     background-color: var(--color_bodybg);
 }
 
+@media screen and (min-width: 600px)
+{
+    article
+    {
+        width: 90%;
+    }
+}
+
+@media screen and (max-width: 600px)
+{
+    article
+    {
+        width: 100%;
+    }
+    body > article:first-of-type
+    {
+        margin-top: 0;
+    }
+    body > article:last-of-type
+    {
+        margin-bottom: 0;
+    }
+}
+
 h1, h2, h3, h4, h5
 {
     padding: 8px;