From 3916f8c7a251988d65256a328f139c9e3597ab75 Mon Sep 17 00:00:00 2001
From: ammar <ammarbashirharuna2020@gmail.com>
Date: Sun, 13 Oct 2024 04:34:23 +0100
Subject: [PATCH] working on responsiveness

---
 style.css | 34 +++++++++++++++++++++++++++++++++-
 1 file changed, 33 insertions(+), 1 deletion(-)

diff --git a/style.css b/style.css
index 1b3ba60..fd65583 100644
--- a/style.css
+++ b/style.css
@@ -204,13 +204,40 @@ button:active {
     box-shadow: 0 4px 6px rgba(0,0,0,0.2);
 }
 
+@media (max-width: 1200px) {
+    h1 {
+        font-size: 2em;
+    }
+
+    #entryInput, button {
+        font-size: 14px;
+    }
+}
+
+@media (max-width: 900px) {
+    h1 {
+        font-size: 1.8em;
+        margin-top: 40px;
+    }
+
+    button {
+        padding: 10px 20px;
+        margin-left: 3%;
+    }
+
+    .container {
+        padding: 15px;
+    }
+}
+
 @media (max-width: 600px) {
     #entryForm {
         flex-direction: column;
+        
     }
 
     #entryInput, button {
-        width: 100%;
+        width: 90%;
         border-radius: 5px;
         margin-bottom: 10px;
     }
@@ -227,4 +254,9 @@ button:active {
     .entry-actions {
         margin-top: 10px;
     }
+
+    .modal-content {
+        width: 90%;
+        margin: 5% auto;
+    }
 }
\ No newline at end of file