From 10b8e4c9413345416f54ae89c7df942abc97f231 Mon Sep 17 00:00:00 2001
From: Ashley Blewer <ashley.blewer@gmail.com>
Date: Tue, 28 Nov 2017 16:06:43 -0500
Subject: [PATCH 1/2] lifts the break-all and sets a max-width on code for long
 lines

---
 css/css.css | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/css/css.css b/css/css.css
index 1658f06..f39a9b4 100644
--- a/css/css.css
+++ b/css/css.css
@@ -118,7 +118,7 @@ code {
   color: #c7254e;
   background-color: #f9f2f4;
   border-radius: 4px;
-  word-break: break-all;
+  max-width: 800px;
   word-wrap: break-word;
   white-space: normal;
   display: inline-block;

From 278ac2baae2225be2ff72ab898e831f73c59ede5 Mon Sep 17 00:00:00 2001
From: Ashley Blewer <ashley.blewer@gmail.com>
Date: Tue, 28 Nov 2017 16:16:50 -0500
Subject: [PATCH 2/2] allows code to break for small screens only

---
 css/css.css | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/css/css.css b/css/css.css
index f39a9b4..3af02f6 100644
--- a/css/css.css
+++ b/css/css.css
@@ -44,6 +44,9 @@ html, body {
     "content"
     "footer";
   }
+  code {
+    word-break: break-all;
+  }
 }
 
 @media only screen and (min-width: 1000px) {
@@ -118,8 +121,8 @@ code {
   color: #c7254e;
   background-color: #f9f2f4;
   border-radius: 4px;
-  max-width: 800px;
   word-wrap: break-word;
+  max-width: 800px;
   white-space: normal;
   display: inline-block;
 }