got the matrix

2 files changed, 28 insertions, 0 deletions

diff --git a/base.css b/base.css
index 1675a7c..72c81a2 100644
--- a/base.css
+++ b/base.css
@@ -1,3 +1,14 @@
 body {
     margin: 30px 25px 40px 25px;
 }
+
+.mat {
+    margin: 20px;
+}
+
+.cell {
+    width: 15px;
+    height: 15px;
+    display: inline-block;
+    background-color: #000;
+}
diff --git a/index.html b/index.html
index fc6301a..855a9be 100644
--- a/index.html
+++ b/index.html
@@ -13,5 +13,22 @@
     <hr>
     <input id="val">
     <input type="button" class="btn btn-primary" value="Generate">
+    <div id="viz" class="mat">
+      <div id="r1" class="row">
+        <div id="c11" class="cell"></div>
+        <div id="c12" class="cell"></div>
+        <div id="c13" class="cell"></div>
+      </div>
+      <div id="r2" class="row">
+        <div id="c21" class="cell"></div>
+        <div id="c22" class="cell"></div>
+        <div id="c23" class="cell"></div>
+      </div>
+      <div id="r3" class="row">
+        <div id="c31" class="cell"></div>
+        <div id="c32" class="cell"></div>
+        <div id="c33" class="cell"></div>
+      </div>
+    </div>
   </body>
 </html>