spacing header date and location

css/styles.css

@@ -69,7 +69,7 @@ main {
   justify-content: space-evenly;
   padding: 10px;
 }
-.min-flex-row {
+.min-flex {
   -webkit-flex: 100%;
   flex: 100%;
   -webkit-flex-direction: row;
@@ -459,4 +459,18 @@ div.card > img {
   p {
     font-size: 18px;
   }
+  .min-flex {
+    -webkit-flex: 100%;
+    flex: 100%;
+    -webkit-flex-direction: column;
+    flex-direction: column;
+    align-items: center;
+    display: -webkit-flex;
+    display: flex;
+    text-align: center;
+    -webkit-flex-wrap: wrap;
+    flex-wrap: wrap;
+    justify-content: space-evenly;
+    background-color: #579c8b;
+  }
 }

index.html

@@ -61,7 +61,7 @@
     <header id="header"></header>
 
     <main>
-      <div class="min-flex-row">
+      <div class="min-flex">
         <p class="white nospace">NOV 21-23</p>
         <p class="white nospace">Coalition - Bonners Ferry, ID</p>
         <div class="white" id="getting-started"></div>