From 73c18066409ccadb12eb6a988c5492b7225dcf56 Mon Sep 17 00:00:00 2001
From: Jacob Janzen <jacob.a.s.janzen@gmail.com>
Date: Sun, 17 Mar 2024 14:39:08 -0500
Subject: [PATCH] responsive design

---
 styles.css | 16 ++++++++++------
 1 file changed, 10 insertions(+), 6 deletions(-)

diff --git a/styles.css b/styles.css
index d1ef847..3652b41 100644
--- a/styles.css
+++ b/styles.css
@@ -1,9 +1,13 @@
-body {
-  font-family: Courier;
-  width: 700px;
-  margin: auto;
+* {
+  box-sizing: border-box;
 }
 
-p {
-  font-family: Courier;
+body {
+  font-family:
+    Courier New,
+    Courier,
+    Monospace;
+  width: 700px;
+  max-width: calc(100% - 20px);
+  margin: auto;
 }