Made the CSS Grid Layout

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;
 }