add how to get started? section

Author: cherylli

CHANGELOG.md

@@ -46,7 +46,7 @@ and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.
 
 - Made the site a Progressive Web App (PWA)
 - About page content (first section)
-- About page "Wanna Learn More" section
+- About page "Wanna Learn More" and "How to get started?" section
 - An optional second column to TwoColumn instead of the image
 
 ### Fixed
@@ -61,3 +61,4 @@ and this project adheres to [Semantic Versioning](http://semver.org/spec/v2.0.0.
 - updated 'about us' first section (our background, peer reviews, version control)
 - updated 'about us' section (our goals, our purpose)
 - updated mobile nav to automatically close when page route change is completed
+- adjust flex-basis of a few sections in the about page to better match the design file

pages/about.js

@@ -176,6 +176,22 @@ export default function AboutUs() {
           }
         />
       </RevealContentContainer>
+      <RevealContentContainer>
+        <TwoColumn
+          title='How to get started?'
+          content={
+            <div>
+              Just reach out on Slack and introduce yourself in our #general channel! There is where we get together. Once on our channel, someone will help you out.
+              We've got you!
+            </div>
+          }
+          rowOrder='row-reverse'
+          image='/images/svg/slash.svg'
+          color={primary}
+          bgColor={white}
+          customInnerClass='about-content'
+        />
+      </RevealContentContainer>
     </div>
   );
 }

public/images/svg/slash.svg

@@ -89,8 +89,17 @@
     }
 
     &.about-content {
+      .content{
+        max-width: 49rem;
+      }
+
+      .inner__content{
+        flex-basis: 65%;
+      }
+
       .inner__image {
         height: 10rem;
+        flex-basis: 25%;
 
         @include desktop {
           height: 15rem;
@@ -104,8 +113,13 @@
     }
 
     &.our-purpose {
+      .inner__content{
+        flex-basis: 65%;
+      }
+
       .inner__image {
         height: 10rem;
+        flex-basis: 25%;
 
         @include desktop {
           height: 22rem;