From b00f80299f20109723b3e20f7a0b66f16032d1c8 Mon Sep 17 00:00:00 2001
From: Remy349 <santoraga15@gmail.com>
Date: Thu, 14 Nov 2024 17:24:36 -0600
Subject: [PATCH 1/2] fix: Remove class from div

---
 views/campgrounds/index.ejs | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/views/campgrounds/index.ejs b/views/campgrounds/index.ejs
index 7cdfbdf2..13f62fa7 100644
--- a/views/campgrounds/index.ejs
+++ b/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>

From 232bf740522bb85e7b4368b80c2de5c95193a794 Mon Sep 17 00:00:00 2001
From: Remy349 <santoraga15@gmail.com>
Date: Thu, 14 Nov 2024 17:25:29 -0600
Subject: [PATCH 2/2] fix: Adding styles to the image to be responsive

---
 public/stylesheets/app.css | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/public/stylesheets/app.css b/public/stylesheets/app.css
index da71d63e..9221de46 100644
--- a/public/stylesheets/app.css
+++ b/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;
 }
 
-.
\ No newline at end of file
+.