From 0d11c0e2a37265ba62e5c848936f88e1c3210fee Mon Sep 17 00:00:00 2001
From: Mohit Khurana <mohitkhurana30@gmail.com>
Date: Tue, 28 May 2024 14:37:08 +0530
Subject: [PATCH] responsive Styling

---
 src/style.css | 42 ++++++++++++++++++++++++++++++++++++++++++
 1 file changed, 42 insertions(+)

diff --git a/src/style.css b/src/style.css
index 429301a..098f338 100644
--- a/src/style.css
+++ b/src/style.css
@@ -1,3 +1,9 @@
+*{
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+}
+
 body {
     background-color: #000;
     color: #ffd700;
@@ -166,3 +172,39 @@ h1 {
     z-index: 1; /* Ensure it's above the text */
 }
 
+@media (max-width: 450px) {
+    .container{
+        width: 100%;
+        transition: width 0.3s ease-in-out;
+    }
+}
+
+@media (max-width: 330px){
+    #taskInput{
+        width: 74%;
+        font-size: min(1em, 5vw);
+        height: 35px;
+        padding: 5px;
+    }
+    #addTaskBtn{
+        width: 26%;
+        font-size: min(2em, 4vw);
+        height: 35px;
+        padding: 5px;
+        font-weight: 700;
+
+    }
+    .subtask-input input{
+        width: 66%;
+        height: 30px;
+    }
+    .subtask-input button {
+        width: 33%;
+        height: 30px;
+        font-size: min(2em, 4vw);
+        font-weight: 600;
+    }
+}
+
+
+