From fcc3c577b188d015c10914b9fd051de5600147df Mon Sep 17 00:00:00 2001
From: Mbutler1991 <markbutlermb1991@gmail.com>
Date: Thu, 14 Dec 2023 17:49:40 +0000
Subject: [PATCH 1/2] resized carousel

---
 index.html | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/index.html b/index.html
index c651bf0..93e45ce 100644
--- a/index.html
+++ b/index.html
@@ -24,21 +24,21 @@
   </div>
   <div class="carousel-inner">
     <div class="carousel-item active">
-      <img src="assets/images/more-food.jpg" class="d-block w-100" alt="more-food">
+      <img src="assets/images/more-food.jpg" class="d-block w-25 position-block end-50" alt="more-food" >
       <div class="carousel-caption d-none d-md-block">
         <h5>Placeholder Recipe Name</h5>
         <p>Placeholder Recipe Description</p>
       </div>
     </div>
     <div class="carousel-item">
-      <img src="assets/images/food.jpg" class="d-block w-100" alt="food">
+      <img src="assets/images/food.jpg" class="d-block w-25" alt="food">
       <div class="carousel-caption d-none d-md-block">
         <h5>Placeholder Recipe Name</h5>
         <p>Placeholder Recipe Description</p>
       </div>
     </div>
     <div class="carousel-item">
-      <img src="assets/images/cake.jpg" class="d-block w-100" alt="cake">
+      <img src="assets/images/cake.jpg" class="d-block w-25" alt="cake">
       <div class="carousel-caption d-none d-md-block">
         <h5>Placeholder Recipe Name</h5>
         <p>Placeholder Recipe Description</p>

From fd9c723fd5f13654093c6def77e5430fa772bb82 Mon Sep 17 00:00:00 2001
From: Mbutler1991 <markbutlermb1991@gmail.com>
Date: Thu, 14 Dec 2023 19:43:02 +0000
Subject: [PATCH 2/2] Resized and centered the carousel, needs better placed
 images.

---
 index.html | 85 +++++++++++++++++++++++++++++++-----------------------
 1 file changed, 49 insertions(+), 36 deletions(-)

diff --git a/index.html b/index.html
index 93e45ce..436ad64 100644
--- a/index.html
+++ b/index.html
@@ -16,45 +16,58 @@
   <header>
 
   </header> 
-  <div id="carouselExampleCaptions" class="carousel slide" data-bs-ride="false">
-  <div class="carousel-indicators">
-    <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
-    <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="1" aria-label="Slide 2"></button>
-    <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="2" aria-label="Slide 3"></button>
-  </div>
-  <div class="carousel-inner">
-    <div class="carousel-item active">
-      <img src="assets/images/more-food.jpg" class="d-block w-25 position-block end-50" alt="more-food" >
-      <div class="carousel-caption d-none d-md-block">
-        <h5>Placeholder Recipe Name</h5>
-        <p>Placeholder Recipe Description</p>
-      </div>
-    </div>
-    <div class="carousel-item">
-      <img src="assets/images/food.jpg" class="d-block w-25" alt="food">
-      <div class="carousel-caption d-none d-md-block">
-        <h5>Placeholder Recipe Name</h5>
-        <p>Placeholder Recipe Description</p>
-      </div>
-    </div>
-    <div class="carousel-item">
-      <img src="assets/images/cake.jpg" class="d-block w-25" alt="cake">
-      <div class="carousel-caption d-none d-md-block">
-        <h5>Placeholder Recipe Name</h5>
-        <p>Placeholder Recipe Description</p>
+  <div class="container mt-4">
+    <div class="row justify-content-center">
+      <div class="col-md-8">
+        <div id="carouselExampleCaptions" class="carousel slide position-relative" data-bs-ride="false">
+          <div class="carousel-indicators">
+            <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="0" class="active"
+              aria-current="true" aria-label="Slide 1"></button>
+            <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="1"
+              aria-label="Slide 2"></button>
+            <button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="2"
+              aria-label="Slide 3"></button>
+          </div>
+          <div class="carousel-inner">
+            <div class="carousel-item active">
+              <img src="assets/images/more-food.jpg"
+                class="d-block w-100" alt="more-food">
+              <div class="carousel-caption d-none d-md-block">
+                <h5>Placeholder Recipe Name</h5>
+                <p>Placeholder Recipe Description</p>
+              </div>
+            </div>
+            <div class="carousel-item">
+              <img src="assets/images/food.jpg" class="d-block w-100"
+                alt="food">
+              <div class="carousel-caption d-none d-md-block">
+                <h5>Placeholder Recipe Name</h5>
+                <p>Placeholder Recipe Description</p>
+              </div>
+            </div>
+            <div class="carousel-item">
+              <img src="assets/images/cake.jpg" class="d-block w-100"
+                alt="cake">
+              <div class="carousel-caption d-none d-md-block">
+                <h5>Placeholder Recipe Name</h5>
+                <p>Placeholder Recipe Description</p>
+              </div>
+            </div>
+          </div>
+          <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleCaptions"
+            data-bs-slide="prev">
+            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
+            <span class="visually-hidden">Previous</span>
+          </button>
+          <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleCaptions"
+            data-bs-slide="next">
+            <span class="carousel-control-next-icon" aria-hidden="true"></span>
+            <span class="visually-hidden">Next</span>
+          </button>
+        </div>
       </div>
     </div>
   </div>
-  <button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide="prev">
-    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
-    <span class="visually-hidden">Previous</span>
-  </button>
-  <button class="carousel-control-next" type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide="next">
-    <span class="carousel-control-next-icon" aria-hidden="true"></span>
-    <span class="visually-hidden">Next</span>
-  </button>
-</div>
-  
   <footer>
     Mark
     Caylin