changed indent. added styles for controls section. added width to main

eduardomcv · Jul 19, 2020 · 331da6f · 331da6f
1 parent 6dcd9e8
commit 331da6f
Showing 1 changed file with 14 additions and 6 deletions.
diff --git a/src/components/MainContent/MainContent.css b/src/components/MainContent/MainContent.css
@@ -1,7 +1,15 @@
 .main-content {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    background-color: #62798c;
-    height: calc(100vh - 5rem); /* viewport height minus the height of the header */
-}
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  height: calc(100vh - 5rem); /* viewport height minus the height of the header */
+  width: 100%;
+  max-width: 40rem;
+  margin: 0 auto;
+}
+
+.controls-section {
+  display: flex;
+  justify-content: space-evenly;
+  width: 100%;
+}