From df84316ad47125ed4590ec07ed18630e95238807 Mon Sep 17 00:00:00 2001
From: zepp <zepp@zepps.cafe>
Date: Wed, 29 Jan 2025 22:37:53 -0500
Subject: [PATCH] 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 | 14 ++++++++++++++
 cafe-events/valentines-day-25/style/style.css  | 11 ++++++-----
 2 files changed, 20 insertions(+), 5 deletions(-)

diff --git a/cafe-events/valentines-day-25/script/script.js b/cafe-events/valentines-day-25/script/script.js
index e69de29..b1aa33e 100644
--- a/cafe-events/valentines-day-25/script/script.js
+++ b/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);
+    }
+}
\ No newline at end of file
diff --git a/cafe-events/valentines-day-25/style/style.css b/cafe-events/valentines-day-25/style/style.css
index 092c849..e48dec7 100644
--- a/cafe-events/valentines-day-25/style/style.css
+++ b/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;
 }