From 81d814b989bba937868da3a730bf24a28270af24 Mon Sep 17 00:00:00 2001
From: Muhammad Razin Syakib <muhammadrazin14@gmail.com>
Date: Fri, 17 May 2024 23:47:45 +0700
Subject: [PATCH] [C4] a bit modif css style

---
 public/css/style.css  | 7 +++++++
 public/scripts/car.js | 2 +-
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/public/css/style.css b/public/css/style.css
index a5e9a2e..ca2d847 100644
--- 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
index e6737bb..146671f 100644
--- 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>