diff --git a/dashboard_static/index.html b/dashboard_static/index.html
index 550b0ec..9e5f8d1 100644
--- a/dashboard_static/index.html
+++ b/dashboard_static/index.html
@@ -56,8 +56,9 @@
diff --git a/dashboard_static/style/style.css b/dashboard_static/style/style.css
index 851943a..802992c 100644
--- a/dashboard_static/style/style.css
+++ b/dashboard_static/style/style.css
@@ -101,4 +101,46 @@ body {
.tweet-interaction {
display: flex;
align-items: center;
+}
+
+/* Three main columns; CSS Grid */
+
+.maintable {
+ /*background-color: #ffffff; */ /* The colors are there just so that I can see what I'm doing better */
+ display: grid;
+ width: 100%;
+ grid-template-columns: 1fr 1fr 1fr;
+ grid-template-rows: 1fr 1fr;
+
+ gap: 20px;
+ margin:20px;
+}
+
+.leftcol {
+ background-color: red;
+ border-radius: 16px;
+ grid-row: 1/ -1;
+
+ margin: 40px;
+}
+
+.centercol {
+ background-color: green;
+ border-radius: 16px;
+ grid-row: 1/ -1;
+ margin: 40px;
+}
+
+.searchbar {
+ background-color: blue;
+ border-radius: 16px;
+ height: 400px;
+ margin: 40px;
+}
+
+.popchart {
+ background-color: rgba(255, 0, 255, 0.344);
+ border-radius: 16px;
+ height: 400px;
+ margin: 40px;
}
\ No newline at end of file