diff --git a/.github/PULL_REQUEST_TEMPLATE.md b/.github/PULL_REQUEST_TEMPLATE.md
index 31b7ee7..a009f36 100644
--- a/.github/PULL_REQUEST_TEMPLATE.md
+++ b/.github/PULL_REQUEST_TEMPLATE.md
@@ -12,18 +12,19 @@ TITLE: Include your section in the pull request title
 ## What section are you in:
 
 - [ ] Tuesday
-- [ ] Wednesday
+- [ x ] Wednesday
 - [ ] Thursday
 - [ ] Friday 3pm
 - [ ] Friday 6pm
 
 **Is the solution complete?**
 
-[Yes/No]
+[No]
 
 **Did you run into any problems?**
 
 [Describe...]
+<!--Could not figure out how to get images to alternate through bootstrap-->
 
 **Did you collaborate with others on this solution?**
 
diff --git a/alternating.html b/alternating.html
index a3f5035..25b1f20 100644
--- a/alternating.html
+++ b/alternating.html
@@ -3,28 +3,39 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link rel = "stylesheet" href="css/styles.css">
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
+
     <title>Cookie Store</title>
+
   </head>
   <body>
     <main>
       <h2>Our Cookies</h2>
       <p>Checkout our latest and delicious cookies.</p>
 
-      <h3>Mint Chocolate</h3>
-      <p>Tasty mint chocolate cookies</p>
-      <img src="images/mint-cookie.png" alt="A single mint chocolate cookie" />
-
-      <h3>Peanut Butter</h3>
-      <p>Yummy peanut buttery goodness</p>
-      <img src="images/peanut-cookie.png" alt="A single peanut butter cookie" />
-
-      <h3>Oatmeal</h3>
-      <p>Your fitness instructors favorite</p>
-      <img src="images/oatmeal-cookie.png" alt="A single oatmeal cookie" />
-
-      <h3>Chocolate Chip</h3>
-      <p>Gooey chocolate you'll love</p>
-      <img src="images/chip-cookie.png" alt="A single chocolate chip cookie" />
+        <div class = "row">
+            <div class = "col-12 col-md-6">
+                <h3>Mint Chocolate</h3>
+                <p>Tasty mint chocolate cookies</p>
+                <img src="images/mint-cookie.png" alt="A single mint chocolate cookie" class="img-fluid" />
+            </div>
+            <div class = "col-12 col-md-6 order-md-2">
+                 <h3>Peanut Butter</h3>
+                 <p>Yummy peanut buttery goodness</p>
+                 <img src="images/peanut-cookie.png" alt="A single peanut butter cookie" class="img-fluid"/>
+             </div>
+            <div class = "col-12 ">
+                <h3>Oatmeal</h3>
+                <p>Your fitness instructors favorite</p>
+                <img src="images/oatmeal-cookie.png" alt="A single oatmeal cookie" class="img-fluid"/>
+            </div>
+            <div class = "col-12 col-md-6 order-md-2">
+                <h3>Chocolate Chip</h3>
+                <p>Gooey chocolate you'll love</p>
+                <img src="images/chip-cookie.png" alt="A single chocolate chip cookie" class="img-fluid"/>
+            </div>
+         </div>
     </main>
   </body>
 </html>
diff --git a/css/styles.css b/css/styles.css
index 3c3f2b6..9f9b975 100644
--- a/css/styles.css
+++ b/css/styles.css
@@ -1 +1,28 @@
 /* Add custom css styles here */
+
+.container {
+
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: flex-start;
+}
+
+h2 {
+    text-align: center;
+}
+
+title{
+    text-align: center;
+}
+
+header {
+    height: 400px;
+    background-image: url(../images/coffee-biscuits.jpg);
+    background-size: cover;
+    
+}
+
+footer{
+    text-align: center;
+    background-color: aquamarine;
+}
diff --git a/index.html b/index.html
index eae824d..3631aaf 100644
--- a/index.html
+++ b/index.html
@@ -3,46 +3,65 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
+    <link rel="stylesheet" href="css/styles.css">
+    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
+
     <title>Cookie Store</title>
+
   </head>
   <body>
     <header>
+      
       <h1>Cookie Store</h1>
       <p>Buy our awesome cookies. All proceeds go to charity!</p>
     </header>
 
     <main>
-      <h2>Our Cookies</h2>
-      <p>Checkout our latest and delicious cookies.</p>
 
-      <h3>Mint Chocolate</h3>
-      <p>Tasty mint chocolate cookies</p>
-      <img src="images/mint-cookie.png" alt="A single mint chocolate cookie" />
+      <div class="container">
+        
+        <h2>Our Cookies</h2>
+        <p>Checkout our latest and delicious cookies.</p>
+
+          <div class="row">
+              <div class = "col-12 col-md-6 col-lg-3">
+                <h3>Mint Chocolate</h3>
+                <p>Tasty mint chocolate cookies</p>
+                <img src="images/mint-cookie.png" class="img-fluid" alt="A single mint chocolate cookie" />
+              </div>
 
-      <h3>Peanut Butter</h3>
-      <p>Yummy peanut buttery goodness</p>
-      <img src="images/peanut-cookie.png" alt="A single peanut butter cookie" />
+              <div class = "col-12 col-md-6 col-lg-3">
+                <h3>Peanut Butter</h3>
+                <p>Yummy peanut buttery goodness</p>
+                <img src="images/peanut-cookie.png" class="img-fluid" alt="A single peanut butter cookie" />
+              </div>
 
-      <h3>Oatmeal</h3>
-      <p>Your fitness instructors favorite</p>
-      <img src="images/oatmeal-cookie.png" alt="A single oatmeal cookie" />
+              <div class = "col-12 col-md-6 col-lg-3">
+                <h3>Oatmeal</h3>
+                <p>Your fitness instructors favorite</p>
+                <img src="images/oatmeal-cookie.png" class="img-fluid" alt="A single oatmeal cookie" />
+              </div>
+
+              <div class = "col-12 col-md-6 col-lg-3">
+                <h3>Chocolate Chip</h3>
+                <p>Gooey chocolate you'll love</p>
+                <img src="images/chip-cookie.png" class="img-fluid" alt="A single chocolate chip cookie" />
+              </div>
+          </div>
+      </div>
 
-      <h3>Chocolate Chip</h3>
-      <p>Gooey chocolate you'll love</p>
-      <img src="images/chip-cookie.png" alt="A single chocolate chip cookie" />
     </main>
-    <div>
+    <div class = "container">
       <h2>About us</h2>
 
-      <img src="images/bakers.svg" alt="illustrations of two people baking" />
-      <div>
-        Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod
-        tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
-        veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
-        commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
-        velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint
-        occaecat cupidatat non proident, sunt in culpa qui officia deserunt
-        mollit anim id est laborum.
+      <div class ="row">
+        <div class="col-2 col-md-2 col-lg-2">
+          <img src="images/bakers.svg" alt="illustrations of two people baking" />
+        </div>
+         <div class="col-10 col-md-10 col-lg-10">
+            chip city is prob the best out there ngl
+        </div>
       </div>
     </div>
     <footer>
diff --git a/node_modules/.package-lock.json b/node_modules/.package-lock.json
new file mode 100644
index 0000000..256f802
--- /dev/null
+++ b/node_modules/.package-lock.json
@@ -0,0 +1,6 @@
+{
+  "name": "lab-bootstrap-5.2",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {}
+}
diff --git a/package-lock.json b/package-lock.json
new file mode 100644
index 0000000..256f802
--- /dev/null
+++ b/package-lock.json
@@ -0,0 +1,6 @@
+{
+  "name": "lab-bootstrap-5.2",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {}
+}
diff --git a/package.json b/package.json
new file mode 100644
index 0000000..0967ef4
--- /dev/null
+++ b/package.json
@@ -0,0 +1 @@
+{}
