Added images to store.html (you can fix the alignment cause i have no idea)

src/store.html

@@ -15,6 +15,21 @@
   </p>
   <p style="text-align:center;">Only the finest goods!</p>
   <script src="scripts.js"></script>
+<div class="row">
+  <div class="column">
+    <img src="bussyair.webp" alt="Bussy Air" style="width:100%">
+  </div>
+  <div class="column">
+    <img src="pillow.webp" alt="Body Pillow" style="width:100%">
+  </div>
+  <div class="column">
+    <img src="plush.webp" alt="Plush" style="width:100%">
+  </div>
+  <div class="column">
+    <img src="sheets.webp" alt="Bed Sheets" style="width:75%">
+  </div>
+</div>
+    <p> Bussy Air</p>
 </body>
 
 </html>

src/styles.css

@@ -65,6 +65,20 @@ header li{
   width: 50%;
 }
 
+/* Three image containers (use 25% for four, and 50% for two, etc) */
+.column {
+  float: left;
+  width: 25%;
+  padding: 5px;
+}
+
+/* Clear floats after image containers */
+.row::after {
+  content: "";
+  clear: both;
+  display: table;
+}
+
 footer {
   color: var(--text);
   background-color: var(--background);