From 97b2734e9ea86c010fbdfa9c0bac765c259fd84a Mon Sep 17 00:00:00 2001
From: lolabird <octavia@octavianichols.com>
Date: Fri, 29 Dec 2023 11:35:58 -0700
Subject: [PATCH] Make calculator more responsive

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

diff --git a/style.css b/style.css
index 528b394..c754f50 100644
--- a/style.css
+++ b/style.css
@@ -182,4 +182,27 @@ footer a:hover, footer a:focus {
     color: rgb(170, 255, 0);
     text-decoration: none;
     margin: 0;
+}
+
+@media only screen and (max-width: 600px) {
+    
+    .calculator {
+        width: 90vw;
+        height: 70%;
+    }
+
+    .main-screen {
+        font-size: 45px;
+        word-wrap: break-word;
+    }
+
+    button {
+        font-size: 40px;
+        height: 100%;
+        width: 100%;
+    }
+
+    .equal {
+        width: 100%;
+    }
 }
\ No newline at end of file