From 3fac705f0e9ee4727dfa9036c9e4a73f9a8a6229 Mon Sep 17 00:00:00 2001
From: Deekshashakyawal <119758705+Deekshashakyawal@users.noreply.github.com>
Date: Mon, 27 May 2024 01:13:33 +0530
Subject: [PATCH 1/3] Update addremove.css

Made responsive for a tablet screen .
---
 assets/css/addremove.css | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/assets/css/addremove.css b/assets/css/addremove.css
index c0ecd047..4d3939e4 100644
--- a/assets/css/addremove.css
+++ b/assets/css/addremove.css
@@ -148,4 +148,9 @@ button:hover {
   cursor: pointer;
   height: 20px;
   width: 25px;
-}
\ No newline at end of file
+}
+@media only screen and (max-width: 786px) {
+  #container{
+    height:465px;
+  }
+}

From c4c4f85a86fc42f9f04a5ec9375463a9ff314967 Mon Sep 17 00:00:00 2001
From: Deekshashakyawal <119758705+Deekshashakyawal@users.noreply.github.com>
Date: Mon, 27 May 2024 01:14:31 +0530
Subject: [PATCH 2/3] Update addremove.css

Added media queries for responsiveness in mobile devices
---
 assets/css/addremove.css | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/assets/css/addremove.css b/assets/css/addremove.css
index 4d3939e4..b11fc75a 100644
--- a/assets/css/addremove.css
+++ b/assets/css/addremove.css
@@ -154,3 +154,10 @@ button:hover {
     height:465px;
   }
 }
+@media only screen and (max-width: 375px) {
+  #container{
+    width: 250px;
+    height:480px;
+    padding-bottom: 30px;
+  }
+}

From 0facd37f2f35116b89be8d49779644728dd22c7b Mon Sep 17 00:00:00 2001
From: Deekshashakyawal <119758705+Deekshashakyawal@users.noreply.github.com>
Date: Mon, 27 May 2024 01:15:41 +0530
Subject: [PATCH 3/3] Update addremove.css

added padding and margins to the container
---
 assets/css/addremove.css | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/assets/css/addremove.css b/assets/css/addremove.css
index b11fc75a..02bd52db 100644
--- a/assets/css/addremove.css
+++ b/assets/css/addremove.css
@@ -55,6 +55,8 @@ body {
   border-radius: 5px;
   box-shadow: 0 0 10px var(--chinese-violet_30);
   width: 300px;
+  padding-bottom: 30px;
+  margin-bottom: 20px;
   text-align: center;
 }