overlapping and padding issues fixes

search and filter were overlapping and cards in project list required some padding for mobile responsive design on Homepage

Author: Deep1144

src/components/ProjectList/css/cards-container.css

@@ -6,3 +6,9 @@
   padding: 1vw;
   overflow: hidden;
 }
+
+@media screen and (max-width: 500px) {
+  .containerLayout{
+    padding: 15px;
+  }
+}

src/components/ProjectList/css/search.css

@@ -7,18 +7,23 @@
 
 #search {
   padding-left: 10px;
-  padding-right: 10px;
   border: none;
   border-radius: 3px;
   width: 100%;
   height: 32px;
   font-size: 15px;
   text-align: center;
-  margin-top: 1px;
   border: 1px solid #DCDCDC;
 }
 
 .inputContainer {
    width: 47%;
    margin-top: 40px;
+}
+
+@media screen and (max-width: 500px) {
+  .inputContainer {
+    width: 45%;
+    margin-top: 40px;
+  }
 }