Added som fixed for fluid design

lms/static/sass/base/_base.scss

@@ -82,7 +82,7 @@ a:link, a:visited {
 .container {
   @include clearfix;
   margin: 0 auto 0;
-  padding: 0px 10px;
+  padding: 0px 30px;
   max-width: grid-width(12);
 }
 

lms/static/sass/multicourse/_home.scss

@@ -30,11 +30,11 @@
       border: 1px solid rgb(100,100,100);
       @include box-shadow(0 4px 25px 0 rgba(0,0,0, 0.5));
       @include box-sizing(border-box);
-      height: 120px;
+      min-height: 120px;
       margin-left: grid-width(2) + $gw-gutter;
+      width: flex-grid(6);
       float: left;
       position: relative;
-      text-align: center;
       @include transition(all, 0.2s, linear);
       vertical-align: top;
 
@@ -46,7 +46,6 @@
 
       > hgroup {
         @include box-sizing(border-box);
-        height: 120px;
         @include inline-block;
         left: 0px;
         opacity: 1;
@@ -86,7 +85,7 @@
       padding: 4px;
       position: relative;
       vertical-align: top;
-      width: 210px;
+      width: flex-grid(2) + flex-gutter();
       z-index: 2;
 
       &:hover {
@@ -97,6 +96,8 @@
         height: 100%;
         overflow: hidden;
         position: relative;
+        background: url('../images/courses/video-thumb.jpg') center no-repeat;
+        @include background-size(cover);
 
         .play-intro {
           @include background-image(linear-gradient(-90deg, rgba(0,0,0, 0.65), rgba(0,0,0, 0.75)));

lms/templates/index.html

@@ -36,7 +36,6 @@
 
         <a href="#video-modal" class="media" rel="leanModal">
           <div class="hero">
-            <img src="${static.url('images/courses/video-thumb.jpg')}" />
             <div class="play-intro"></div>
           </div>
         </a>