image map creation process

reposition container
create javascript for creating clickable divs
over each piece of chocolate
use flex to position divs

cafe-events/valentines-day-25/script/script.js

@@ -0,0 +1,14 @@
+const chocolateContainer = document.querySelector(".chocolates");
+const notesForEmma = {
+
+};
+
+for (let i = 0; i < 3; i++) {
+    for (let j = 0; j < 4; j++) {
+        const tile = document.createElement("div");
+        tile.classList.add("chocolate");
+        tile.style.height = "14vh";
+        tile.style.width = "7vw";
+        chocolateContainer.appendChild(tile);
+    }
+}

cafe-events/valentines-day-25/style/style.css

@@ -25,13 +25,14 @@ body {
 }
 
 .chocolates {
+    display: flex;
+    flex-wrap: wrap;
     height: 44vh;
-    width: 18vw;
+    width: 32vw;
     top: 15vh;
-    left: 6vw;
-    padding-left: 1.25rem;
-    padding-top: 1.25rem;
-    padding-right: .5rem;
+    left: 12vw;
+    padding-left: 2rem;
+    padding-top: 2rem;
     position: absolute;
     z-index: 1;
 }