Added new styles and classes - sass to be accessed

OurUmbraco.Client/src/scss/elements/_avatar.scss

@@ -0,0 +1,14 @@
+.avatar {
+    flex: 0 0 23%;
+    margin-right: 20px;
+
+    @media (min-width: $md) {
+        flex: 0 0 15%;
+    }
+
+    img {
+        width: 100%;
+        max-width: 112px;
+        height: auto;
+    }
+}

OurUmbraco.Client/src/scss/style.scss

@@ -51,6 +51,7 @@
 @import 'elements/notification';
 @import 'elements/alertbar';
 @import 'elements/utilities';
+@import 'elements/avatar';
 
 /**
 /* Sections

OurUmbraco.Site/Views/Partials/Community/Home.cshtml

@@ -131,10 +131,9 @@ else
 
 @helper  GitHubContributors()
 {
-    <section class="github-contributors">
+    <section class="github-contributors forum">
         <div class="container">
             <div class="row">
-
                 <div class="col-md-12">
                     <h1 class="text-center">GitHub Contributors Activity</h1>
                     <p>
@@ -142,10 +141,10 @@ else
                     </p>
                 </div>
                 <div class="col-md-12">
-                    <small>Recent tweets</small>
+                    <small>Recent GitHub contributions</small>
                 </div>
 
-                <div class="col-md-12 flex" id="github-contributors">
+                <div class="col-md-12 flex forum-thread" id="github-contributors">
                     <h2>Loading GitHub search results...</h2>
                 </div>
 

OurUmbraco.Site/Views/Partials/Home/GitHubContributors.cshtml

@@ -4,7 +4,7 @@
 {
     <a href="@contributor.Url">
         <div class="avatar">
-            <img alt="@contributor.Id" src="@contributor.AvatarUrl" />
+            <img alt="@contributor.Id" src="@contributor.AvatarUrl"/>
         </div>
     </a>
 }