sort and filter products

Author: ken-soares

src/public/assets/css/style.css

@@ -14,3 +14,52 @@
     color: white !important;
     transition: all 0.3s ease;
 }
+
+h1 {
+    padding: 10px;
+}
+
+.products {
+    display:flex;
+    flex-wrap: wrap;
+    justify-content: space-around;
+}
+
+.product-item {
+    margin: 25px;
+    width: 250px;
+    height: 350px;
+    display: flex;
+    flex-direction: column;
+    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
+    transition: transform 0.3s ease-in-out;
+
+}
+
+.product-item:hover {
+    transform: scale(1.05);
+}
+
+.product-item a {
+    width: 100%;
+    height: 100%;
+    display: block;
+    text-decoration: none;
+    color: #222;
+}
+
+.product-item img {
+    height: 70%;
+    width: 100%;
+    object-fit: cover;
+}
+
+.product-info {
+    width: 100%;
+    padding: 10px;
+}
+
+.sort-filter {
+    padding-left: 10px;
+    padding-bottom:25px;
+}