Adding summer fundraiser

Adding row class

source/src/app/fundraising/fundraising.component.html

@@ -1,4 +1,18 @@
-<article class="bg-light-blue center mw5 ba b--black-10 mv4">
+<div class="row row-center">
+  <article class="bg-light-blue center mw5 ba b--black-10 mv4">
+    <div class="pv2 ph3">
+      <h1 class="f6 ttu tracked">Summer Cheese Steak Fundraiser</h1>
+    </div>
+    <img
+      src="https://www.simplyrecipes.com/thmb/CYRMLG6E3oa5TQMfvNrwknw-jbU=/5925x0/filters:no_upscale():max_bytes(150000):strip_icc()/Simply-Recipes-Philly-Cheesesteak-LEAD-2-b182ca21d19344159d44efd361db1477.jpg"
+      class="w-100 db" alt="Flowers">
+    <div class="pa3">
+      <p>
+        Join us on June 28th for delicious Philly Cheese Steak Sandwiches! More details will be posted soon!
+      </p>
+    </div>
+  </article>
+  <article style="padding-bottom: 5px;" class="bg-light-blue center mw5 ba b--black-10 mv4">
     <div class="pv2 ph3">
       <h1 class="f6 ttu tracked">Spring Flower Fundraiser</h1>
     </div>
@@ -7,10 +21,12 @@
     <div class="pa3">
       <p>
         Fundraiser benefits the Troop and individual Scouts. Fundraiser runs from February 27th until March 20th.
-      Please enter the <b>Scout's name</b> and <b>Scouting America Troop 2020G</b> in the "Who are you Supporting" fields in the checkout cart.
+        Please enter the <b>Scout's name</b> and <b>Scouting America Troop 2020G</b> in the "Who are you Supporting"
+        fields in the checkout cart.
       </p>
       <p>
         <b>This fundraiser has concluded.</b>
       </p>
     </div>
-</article>
+  </article>
+</div>

source/src/styles.scss

@@ -6,3 +6,12 @@ body, html {
   background-image: url('https://images.unsplash.com/photo-1505490096310-204ef067fe6b?q=80&w=3270&auto=format&fit=crop&ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D');
   background-color: black;
 }
+
+.row {
+  display: flex;
+  flex-flow: row wrap;
+
+  &-center {
+    justify-content: center;
+  }
+}