Project detail page done

src/scss/_member.scss

@@ -17,8 +17,6 @@
 
   &, img {
     width:      100%;
-    max-width:  320px;
-    min-width:  100%;
   }
 
   div[name="name"] {

src/scss/_project.scss

@@ -1,9 +1,54 @@
-#project-detail {
-  display:      block;
-  padding-top:  10px;
+#project {
+  #project-detail {
+    #project-info {
+      display:      block;
+      padding-top:  10px;
 
-  div[name="label"] {
-    display:      flex;
-    font-weight:  bold;
+      div[name="label"] {
+        display:      flex;
+        font-weight:  bold;
+      }
+
+      &, img {
+        width:      100%;
+      }
+    }
+
+    #project-team {
+      ldp-display {
+        display:        flex;
+        align-items:    center;
+        margin-bottom:  10px;
+
+        img {
+          width:          50px;
+          border-radius:  100px;
+        }
+
+        div[name="name"] {
+          display:      flex;
+          margin-left:  10px;
+        }
+      }
+    }
+  }
+
+  .section {
+    @extend %detail-section;
+    margin-top:  40px;
+  }
+}
+
+@media (min-width: $sm-with) {
+  #project {
+    #project-detail {
+      #project-info {
+        ldp-display-client {
+          display:  block;
+          float:    right;
+          width:    300px;
+        }
+      }
+    }
   }
 }

src/scss/_projects.scss

@@ -12,7 +12,8 @@
       height:           65px;
 
       &:hover {
-        font-weight:  bold;
+        background-color:   $hd-color-faded;
+        color:              white;
       }
 
       ldp-display-div[name="number"] {
@@ -20,7 +21,10 @@
       }
 
       ldp-display-client[name="client"] {
-        &, img {
+        display:      block;
+        width:        70px;
+
+        img {
           width:        50px;
         }
       }

src/scss/_variables.scss

@@ -1,4 +1,5 @@
 $hd-color: rgb(253, 200, 21);
+$hd-color-faded: rgba(253, 200, 21, 0.8);
 $twitter-color: #1DA1F2;
 
 $menu-height:           46px;