added common styles for section. added styles for data display section

eduardomcv · Jul 20, 2020 · e854507 · e854507
1 parent 638fd71
commit e854507
Showing 1 changed file with 14 additions and 3 deletions.
diff --git a/src/components/MainContent/MainContent.css b/src/components/MainContent/MainContent.css
@@ -5,12 +5,23 @@
   height: calc(100vh - 5rem); /* viewport height minus the height of the header */
   width: 100%;
   max-width: 60rem;
-  margin: 0 auto;
+  margin: 0 auto; /* will center automatically */
+}
+
+.main-content > section {
+  width: 100%;
+  margin-top: 2rem;
 }
 
 .controls-section {
   display: flex;
   justify-content: space-evenly;
-  width: 100%;
-  margin-top: 2rem;
 }
+
+.data-display-section {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  color: white;
+  text-align: center;
+}