From 85ef7a2709843d5b9297783d95d36af541605b38 Mon Sep 17 00:00:00 2001
From: lolabird <octavia@octavianichols.com>
Date: Thu, 9 Nov 2023 15:14:02 -0700
Subject: [PATCH] Add grid

---
 script.js | 11 ++++++++++-
 style.css |  6 ++++++
 2 files changed, 16 insertions(+), 1 deletion(-)

diff --git a/script.js b/script.js
index 379d4f1..78c21ac 100644
--- a/script.js
+++ b/script.js
@@ -3,5 +3,14 @@ const conWidth = container.clientWidth;
 const conHeight = container.clientHeight
 const grid = document.createElement("div");
 let numGrid = 16;
+const gridArea = numGrid ** 2;
 const gridWidth = conWidth / numGrid;
-const gridHeight = conHeight / numGrid;
\ No newline at end of file
+const gridHeight = conHeight / numGrid;
+
+grid.classList.add("grid");
+grid.style.width = gridWidth + 'px';
+grid.style.height = gridHeight + 'px';
+
+for (let i = 0; i < gridArea-1; i++){
+    container.appendChild(grid.cloneNode(true));
+}
diff --git a/style.css b/style.css
index 27a6ff9..746927d 100644
--- a/style.css
+++ b/style.css
@@ -12,4 +12,10 @@ body{
     border: 1px solid #eee;
     height: 500px;
     width: 500px;
+    display: flex;
+    flex-wrap: wrap;
+}
+
+.grid {
+    border: 1px solid #eee;
 }
\ No newline at end of file