some products are added

Angular-UrbanBazaar/src/app/components/home/home.component.css

@@ -9,7 +9,7 @@ body {
     margin-left: 1250px;
     border-radius: 15px;
     padding: 10px;
-    margin-top: 10px;
+    margin-top: 5px;
     border-color: antiquewhite;
 }
 
@@ -21,11 +21,11 @@ body {
     font-weight: 600;
 }
 .card{
-    max-width: 300px;
+    max-width: 200px;
     border-width: 1px;
     border-color:antiquewhite;
     text-align: center;
-    margin-top: 12px;
+    margin-top: 10px;
     font-family: Arial, Helvetica, sans-serif;
     border-radius: 12px;
     box-shadow: 0.5em; 
@@ -38,5 +38,7 @@ body {
 .cardParent{
     display: flex;
    justify-content: space-between;
-   flex-grow:1;
+   flex-direction: row;
+   flex-grow:auto;
+   flex-wrap: wrap;
 }