Some flex changes and info on Contact Page

src/components/CommitteeContainer/CommitteeContainer.scss

@@ -8,7 +8,7 @@
 
   &__contacts {
     display: flex;
-    flex-direction: row;
+    flex-flow: row wrap;
     justify-content: flex-start;
   }
 }

src/components/ContactCard/ContactCard.scss

@@ -25,6 +25,7 @@
     &__container {
       padding: 15px;
       display: flex;
+      flex-shrink: 0;
       justify-content: center;
       align-items: center;
       max-height: 100px;

src/pages/ContactsPage/ContactsPage.tsx

@@ -1,7 +1,7 @@
 import * as React from "react";
 import Helmet from "react-helmet";
 import "./ContactsPage.scss";
-import { ColorEnum } from "../../components/ColorDiv/ColorDiv";
+import { ColorEnum, getColor, getHoverColor } from "../../components/ColorDiv/ColorDiv";
 import { StaticContext } from "../../server/StaticContext";
 import PageLink from "../../components/PageLink/PageLink";
 import Card from "../../components/Card";
@@ -10,6 +10,7 @@ import HeroMainSection from "../../components/HeroMainSection";
 import ContactCard from "../../components/ContactCard";
 import { getContacts, Occupation, Committee, getCommittees } from "../../models/Contacts";
 import CommitteeContainer from "../../components/CommitteeContainer";
+import Anchor from "../../components/Anchor/index";
 
 interface ContactsPageProps {
   staticContext: StaticContext;
@@ -85,15 +86,23 @@ class ContactsPage extends React.Component<ContactsPageProps, ContactsPageState>
         <Helmet>
           <link rel="canonical" href="https://sik.ayy.fi/INSERT_PATH_HERE!" />
         </Helmet>
-        Contacts Page
-        <HeroMainSection>
-          <h1>Aalto-yliopiston Sähköinsinöörikilta</h1>
+        <PageSection backgroundColor={ColorEnum.White} textColor={ColorEnum.DarkBlue}>
           <p>
-            lorem ipsum dolor est
+            Asiaa olisi, mutta kehen ottaa yhteyttä?<br />
+            Tämä sivu yrittää valottaa sen oikean ihmisen puhelinnumeroa ja sähköpostiosoitetta.
           </p>
-        </HeroMainSection>
-        <PageSection backgroundColor={ColorEnum.White}>
-          <CommitteeContainer name_fi="Hallitus" name_en="Board" contacts={board} />
+        </PageSection>
+        <PageSection backgroundColor={ColorEnum.White} textColor={ColorEnum.DarkBlue} bottomBorder>
+          <div>
+            <CommitteeContainer name_fi="Hallitus" name_en="Board" contacts={board} />
+            <p>
+              Hallitukseen saa yhteyden lähettämällä sähköpostia <Anchor
+                className={`${getColor(ColorEnum.DarkBlue)} ${getHoverColor(ColorEnum.LightBlue)}`}
+                to="mailto:sik-hallitus@list.ayy.fi">
+                sik-hallitus@list.ayy.fi
+            </Anchor>
+            </p>
+          </div>
         </PageSection>
         {committees.map((committee, index) => (
           <PageSection key={index} backgroundColor={ColorEnum.White}>