From 527d592e204fc9154286af3335f0d0b5430562a6 Mon Sep 17 00:00:00 2001
From: Nathan Chapman <contact@nathanjchapman.com>
Date: Sun, 15 May 2022 15:11:40 -0600
Subject: [PATCH] Fix contact for on mobile screens to display as a single
 column

---
 src/static/styles/main.css | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/src/static/styles/main.css b/src/static/styles/main.css
index dd76c08..613d29b 100644
--- a/src/static/styles/main.css
+++ b/src/static/styles/main.css
@@ -240,6 +240,16 @@ input[type=submit]:hover,
     width: 100%;
 }
 
+@media screen and (max-width: 600px) {
+    .contact-form {
+        grid-template-columns: 1fr;
+    }
+    .contact-form p:nth-child(6),
+    .contact-form p:last-child {
+        grid-column: 1;
+    }
+}
+