From ed4793aaa8a9a28df339b87baa5b6a3a79c722b2 Mon Sep 17 00:00:00 2001
From: Adam Veldhousen <adamveld12@gmail.com>
Date: Sun, 5 Jan 2020 18:41:52 -0600
Subject: [PATCH] responsive styles for mobile

---
 assets/css/layout.scss | 12 ++++++++++++
 1 file changed, 12 insertions(+)

diff --git a/assets/css/layout.scss b/assets/css/layout.scss
index 26c5c3a..ef881d1 100644
--- a/assets/css/layout.scss
+++ b/assets/css/layout.scss
@@ -18,6 +18,7 @@ h3 {
 
 p {
     margin: 0 0 10px 0;
+    word-break: keep-all;
 }
 
 .container {
@@ -53,6 +54,17 @@ p {
     }
 }
 
+@media (max-width: 1280px) {
+    .container {
+        #center {
+            flex-direction: column-reverse;
+            #content {
+                max-width: 100%;
+            }
+        }
+    }
+}
+
 .highlight {
     line-height: 1.5em;
     margin: 15px 0;