Fix image on products

This commit is contained in:
Moe Poi ~ 2021-11-19 10:45:28 +07:00
parent 125c9069c1
commit a76edc9b4b
2 changed files with 8 additions and 1 deletions

View file

@ -26,4 +26,11 @@
background-color: #212226;
border-color: #212226;
color: white;
}
.product-image {
width: 500px;
height: 400px;
object-fit: cover;
display: block;
}

View file

@ -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>