From c64a73f4e603d5472a195ddf37d413984197d81a Mon Sep 17 00:00:00 2001
From: lolabird <octavia@octavianichols.com>
Date: Fri, 29 Dec 2023 12:18:18 -0700
Subject: [PATCH] Adjust styles for smaller screens

---
 style.css | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/style.css b/style.css
index b8ea6d3..f964c7a 100644
--- a/style.css
+++ b/style.css
@@ -33,6 +33,7 @@ header {
     flex: 0 0 auto;
     padding: 15px 0;
     background-color: var(--dark-trans);
+    max-width: 100%;
 }
 
 header h1 {
@@ -172,6 +173,7 @@ footer {
     padding: 10px;
     background-color: var(--dark-trans);
     letter-spacing: 2px;
+    max-width: 100%;
 }
 
 footer a {
@@ -185,10 +187,14 @@ footer a:hover, footer a:focus {
 }
 
 @media only screen and (max-width: 600px) {
+    header h1 {
+        font-size: 50px;
+    }
     
     .calculator {
         max-width: 90vw;
         height: 70%;
+        box-sizing: border-box;
     }
 
     .main-screen {