[C4] a bit modif css style

RazinSyakib43 · May 17, 2024 · 81d814b · 81d814b
1 parent 98d90b5
commit 81d814b
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 1 deletion.
diff --git a/public/css/style.css b/public/css/style.css
@@ -133,6 +133,7 @@ body {
 }
 
 .cars-card {
+    margin-top: 27px;
     border: none;
     border-radius: 8px;
     background-color: white;
@@ -143,6 +144,12 @@ body {
     -o-border-radius: 8px;
 }
 
+.cars-card-img{
+    object-fit: cover;
+    width: 100%;
+    height: 222px;
+}
+
 .cars__name {
     font-size: 14px;
     font-weight: 400;

diff --git a/public/scripts/car.js b/public/scripts/car.js
@@ -42,7 +42,7 @@ class Car {
   render() {
     return `
         <div class="cars-card card px-0">
-          <img src="${this.image}" class="card-img-top object-fit-cover" alt="${this.manufacture}">
+          <img src="${this.image}" class="cars-card-img object-fit-cover" alt="${this.manufacture}">
           <div class="cars__card-body card-body">
             <h5 class="cars__name">${this.manufacture}/${this.model}</h5>
             <h3 class="cars__price">Rp ${this.rentPerDay} / hari</h3>