update readme

otmanTR · Jul 12, 2023 · 64d3346 · 64d3346
1 parent b6ab5d7
commit 64d3346
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 3 deletions.
diff --git a/src/App.css b/src/App.css
@@ -8,6 +8,10 @@
   pointer-events: none;
 }
 
+.carImageDetails {
+  width: 100%;
+}
+
 @media (prefers-reduced-motion: no-preference) {
   .App-logo {
     animation: App-logo-spin infinite 20s linear;
@@ -68,7 +72,8 @@
 }
 
 .carImage {
-  width: 100%;
+  width: 300px;
+  height: 300px;
 }
 
 .carName {

diff --git a/src/components/CarDetails.js b/src/components/CarDetails.js
@@ -30,7 +30,7 @@ export function CarDetails() {
       </div>
       <div className="details">
         <h2>Car Details</h2>
-        <img className="carImage" src={car.image} alt={car.name} />
+        <img className="carImageDetails" src={car.image} alt={car.name} />
         <p>
           Name:
           {car.name}

diff --git a/src/components/DeleteCar.js b/src/components/DeleteCar.js
@@ -39,7 +39,7 @@ export function DeleteCar() {
         <div className="carItems">
           {cars.map((car) => (
             <div className="carItemss" key={car.id}>
-              <img className="carImage" src={car.image} alt={car.name} />
+              <img className="carImageDetails" src={car.image} alt={car.name} />
               <h2 className="carName">{car.name}</h2>
               <button className="delete-button" type="button" onClick={() => handleDelete(car.id)}>
                 Delete Car