Merge pull request SUGAM-ARORA#543 from AkshitGarg24/533/Footer-Respo…

…nsiveness

Made Footer Responsive

src/Components/footer_section/Mail/Mail.css

@@ -1,18 +1,20 @@
-.inputmail{
+.inputmail {
     width: 300px;
     height: 40px;
     border: 1px solid #ccc;
     border-radius: 5px;
     padding: 0 10px;
     margin-right: 10px;
 }
-.subscribe-mail{
+
+.subscribe-mail {
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 100px;
 }
-btn1{
+
+btn1 {
     background: #574d91;
     color: #000000;
     padding: 10px 20px;
@@ -21,14 +23,39 @@ btn1{
     cursor: pointer;
     transition: all ease 0.3s;
 }
-btn1:hover{
+
+btn1:hover {
     background: #252041;
 }
-.mail{
+
+.mail {
     display: flex;
     flex-direction: row;
-    width: min-content;
+    width: 500px;
 }
-p{
+
+p {
     font-weight: 900;
+}
+
+@media only screen and (max-width:915px) {
+    .subscribe-mail {
+        flex-direction: column;
+        gap: 2px;
+    }
+}
+
+@media only screen and (max-width:490px) {
+    .mail {
+        flex-direction: column;
+        width: 85vw;
+    }
+
+    .inputmail {
+        width: 90%;
+    }
+
+    .btn1 {
+        width: 90%;
+    }
 }