Platform section second itteration (#146)

DjordjeVujatovic · web-flow · commit d760cecf18aa · 2021-03-04T15:03:30.000-08:00
* White space change to kick off build

* Adjust CSS to address design feedback
diff --git a/pages/index.js b/pages/index.js
@@ -174,7 +174,7 @@ const Home = () => (
             </div>
             <div className={styles.profileColumnRight}>
               <Heading variant={h3} className={styles.platformTitle}>
-                Platform profile
+                Platform profile 
               </Heading>
               <Text sectionText className={styles.platformDescription}>
                 Get the latest community events, news and updates. Most importantly, begin to look for startup 
diff --git a/styles/Home.module.css b/styles/Home.module.css
@@ -330,10 +330,6 @@ a.heroLink {
   margin: 36px 0;
 }
 
-.platform .gridSection img {
-  width: 100%;
-}
-
 .platform .platformTitle {
   text-align: center;
   color: white;
@@ -363,7 +359,7 @@ a.heroLink {
     display: grid;
     grid-template-columns: repeat(12, 1fr);
     column-gap: 72px;
-    max-width: 1200px;
+    max-width: 100%;
     margin: 0 -36px;
     width: 100%;
   }
@@ -383,6 +379,8 @@ a.heroLink {
     flex-direction: column;
     justify-content: center;
     align-items: flex-start;
+    max-width: 430px;
+    margin: 0 auto;
   }
 
   .platform .profileColumnRight p {
@@ -400,6 +398,9 @@ a.heroLink {
     grid-column: span 5;
     display: flex;
     flex-direction: column;
+    justify-content: center;
+    max-width: 430px;
+    margin: 0 auto;
   }
   
   .platform .opportunitiesColumnRight h3 {
