diff --git a/index.html b/index.html
index 4b02780..26c90b5 100644
--- a/index.html
+++ b/index.html
@@ -7,6 +7,12 @@
     <link rel="stylesheet" href="style.css">
 </head>
 <body>
+    <h1>Etch-A-Sketch</h1>
+    <div class="area">
+        <div class="container">
+
+        </div>
+    </div>
     
 
     <script src="script.js"></script>
diff --git a/script.js b/script.js
index e69de29..379d4f1 100644
--- a/script.js
+++ b/script.js
@@ -0,0 +1,7 @@
+const container = document.querySelector(".container");
+const conWidth = container.clientWidth;
+const conHeight = container.clientHeight
+const grid = document.createElement("div");
+let numGrid = 16;
+const gridWidth = conWidth / numGrid;
+const gridHeight = conHeight / numGrid;
\ No newline at end of file
diff --git a/style.css b/style.css
index e69de29..27a6ff9 100644
--- a/style.css
+++ b/style.css
@@ -0,0 +1,15 @@
+body{
+    background-color: #333;
+    color: #eee
+}
+.area{
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: 90vh;
+}
+.container{
+    border: 1px solid #eee;
+    height: 500px;
+    width: 500px;
+}
\ No newline at end of file