diff --git a/index.html b/index.html
index 1a138b6..bce872b 100644
--- a/index.html
+++ b/index.html
@@ -32,7 +32,9 @@ <h1>Grid Maker</h1>
       </table>
       <div>
         <button id="add-row">Add Row</button>
+        <button id="remove-row">Remove Row</button>
         <button id="add-column">Add Column</button>
+        <button id="remove-column">Remove Column</button>
         <select id="color-select">
           <option value="red">Red</option>
           <option value="blue">Blue</option>
diff --git a/main.js b/main.js
index 79a0fd1..9edc338 100644
--- a/main.js
+++ b/main.js
@@ -5,3 +5,44 @@ root.addEventListener("click", (event) => {
   console.log(event.target.tagName);
   console.log(event.target);
 });
+
+const table = document.getElementsByTagName("table")[0];
+let rows = table.rows.length;
+let columns = table.rows[0].cells.length;
+
+// Add rows to grid
+const addRowButton = document.getElementById("add-row");
+addRowButton.addEventListener("click", () => {
+  table.insertRow(rows - 1);
+  for(let i = 0; i < columns; i++) {
+    table.rows[rows - 1].insertCell(0);
+  }
+  rows++;
+})
+
+// Add columns to grid
+const addColumnButton = document.getElementById("add-column");
+addColumnButton.addEventListener("click", () => {
+  for(let i = 0; i < rows; i++) {
+    table.rows[i].insertCell(0);
+  }
+  columns++;
+})
+
+// Remove rows from grid
+const removeRowButton = document.getElementById("remove-row");
+removeRowButton.addEventListener("click", () => {
+  if(rows) {
+    table.deleteRow(rows - 1);
+    rows--;
+  }
+})
+
+// Remove columns from grid
+const removeColumnButton = document.getElementById("remove-column");
+removeColumnButton.addEventListener("click", () => {
+  for(let i = 0; i < rows; i++) {
+    table.rows[i].deleteCell(0);
+  }
+  columns--;
+})