From a76edc9b4b601ab71cef1f76f4b14832626060e3 Mon Sep 17 00:00:00 2001
From: moepoi <moepoi@protonmail.com>
Date: Fri, 19 Nov 2021 10:45:28 +0700
Subject: [PATCH] Fix image on products

---
 public/css/products.css  | 7 +++++++
 views/pages/products.ejs | 2 +-
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/public/css/products.css b/public/css/products.css
index 0928d10..db09377 100644
--- a/public/css/products.css
+++ b/public/css/products.css
@@ -26,4 +26,11 @@
     background-color: #212226;
     border-color: #212226;
     color: white;
+}
+
+.product-image {
+    width: 500px;
+    height: 400px;
+    object-fit: cover;
+    display: block;
 }
\ No newline at end of file
diff --git a/views/pages/products.ejs b/views/pages/products.ejs
index 98ebb5d..11a9e0d 100644
--- a/views/pages/products.ejs
+++ b/views/pages/products.ejs
@@ -54,7 +54,7 @@
             <% for(let i=0; i < data.length; i++) { %>
                 <div class="col-lg-3 col-md-6 p-3">
                     <div class="card">
-                        <img alt="Item Image" class="img-fluid lazyload" src="./img/<%= data[i].IMAGE %>">
+                        <img alt="Item Image" class="img-fluid lazyload product-image" src="./img/<%= data[i].IMAGE %>">
                         <div class="card-body">
                             <h5 class="card-title"><%= data[i].TITLE %></h5>
                             <p class="card-text"><%= data[i].DESCRIPTION.substring(0, 150) + "..." %></p>