Merge pull request #407 from Remy349/fix/campground-card-style

Fix/campground card style

Author: Vignesh025

public/stylesheets/app.css

@@ -34,10 +34,11 @@ h1 {
 
 #indeximg {
     max-width: 100%;
-    width: 500px;
+    width: 100%;
     height: 300px;
     border-radius: 5px;
     border: 1px solid black;
+    object-fit: cover;
 }
 
 #campinfo {
@@ -203,4 +204,4 @@ html {
     margin-bottom: 1rem;
 }
 
-.
+.

views/campgrounds/index.ejs

@@ -164,10 +164,10 @@
                 const campgroundHtml = `
                 <div class="card text-white bg-dark mb-3" id="campinfo">
                     <div class="row">
-                        <div class="col-md-4" id="campgroundhomeimage">
+                        <div id="campgroundhomeimage">
                             ${imagesHtml}
                         </div>
-                        <div class="col-md-8">
+                        <div>
                             <div class="card-body">
                                 <h5 class="card-title">${item.title}</h5>
                                 <p class="card-text">${item.description}</p>