diff --git a/script.js b/script.js
index 40f1cad..6955e73 100644
--- a/script.js
+++ b/script.js
@@ -1,11 +1,14 @@
-function createGrid(num) {
-    const container = document.querySelector(".container");
-    const conWidth = container.clientWidth;
-    const conHeight = container.clientHeight
-    const grid = document.createElement("div");
-    const gridArea = num ** 2;
-    const gridWidth = conWidth / num;
-    const gridHeight = conHeight / num;
+let numGrid = 16; //will use this later to prompt user
+//need to figure out the wrapping issue
+const container = document.querySelector(".container");
+const conWidth = container.clientWidth;
+const conHeight = container.clientHeight
+const grid = document.createElement("div");
+
+function createGrid() {
+    const gridArea = numGrid ** 2;
+    const gridWidth = conWidth / numGrid;
+    const gridHeight = conHeight / numGrid;
 
     grid.classList.add("grid");
     grid.style.width = gridWidth + 'px';
@@ -14,10 +17,22 @@ function createGrid(num) {
     for (let i = 0; i < gridArea; i++){
         container.appendChild(grid.cloneNode(true));
     }
+
+    const gridItems = document.querySelectorAll(".grid");
+
+    gridItems.forEach((item) => {
+        item.addEventListener("mouseover", () => {
+            console.log("Sup!");
+        });
+    });
+
 }
 
-let numGrid = 16; //will use this later to prompt user
-
-createGrid(numGrid);
+function colorGrid() {
+    container.style.background = "blue";
+}
+
+
+createGrid();