Merge branch 'main' into FiltersSearch

dashboard_static/style/style.css

@@ -23,7 +23,7 @@ body {
 .container {
 	background-color: var(--main-bg);
 	color: white;
-	padding: 16px 32px;
+	padding: 16px 48px;
 }
 
 .header, .sports, .logo {
@@ -118,4 +118,49 @@ body {
 	font-weight: 500;
 	font-size: 24px;
 	color: var(--main-medium-dark);
+}
+
+/* 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: 48px;
+	/* margin:20px; */
+}
+
+.main {
+	margin-top: 48px;
+}
+
+.column {
+	border-radius: 16px;
+}
+
+.leftcol {
+	background-color: red;
+	grid-row: 1/ -1;
+}
+
+.centercol {
+	background-color: green;
+	grid-row: 1/ -1;
+}
+
+.searchbar {
+	background-color: blue;
+	height: 400px;
+}
+
+.popchart {
+	background-color: rgba(255, 0, 255, 0.344);
+	height: 400px;
+}
+
+.colheader {
+	font-size: 38px;
+	padding-left: 30px;
 }