title: Video section design not aligned
body: <p>I am working to make video section look like something similar to below design
  <a href="https://i.stack.imgur.com/PCqsU.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/PCqsU.png" alt="enter image description here"></a></p>
  
  <p>i am facing two design breaks in the right side </p>
  
  <p>thumbnail doesn't fill the "vp-hqdefault-w" it shows part of image and rest of it is hidden.</p>
  
  <p>second i am not able to align video title next to thumbnail as show in image</p>
  
  <pre><code>&lt;div class="container"&gt;
  
  
   &lt;div class="row content"&gt;
      &lt;div class="col-md-7 col-sm-6"&gt;
        &lt;div class="active-iframe-wrapper video-embed-container"&gt;
            &lt;iframe id='activeIFrame' class='active-iframe' width='100%' height='324' src="http://www.youtube.com/embed/SCRUg5s389Q?showinfo=0&amp;modestbranding=1" &gt;&lt;/iframe&gt;
         &lt;/div&gt;
  
        &lt;p&gt;Title of the video&lt;/p&gt;
      &lt;/div&gt;
  
  
      &lt;div class="col-md-5 col-sm-6"&gt;
  
         &lt;a class="" href="http://www.youtube.com/embed/SCRUg5s389Q?showinfo=0&amp;modestbranding=1"&gt;
        &lt;div class="vp-video-img-w vp-hqdefault-w"&gt;
          &lt;img src="http://img.youtube.com/vi/SCRUg5s389Q/hqdefault.jpg" title=""&gt;                                  
        &lt;/div&gt;
          &lt;div class="vp-video-details"&gt;
            &lt;h3 class="video-title"&gt;Mr. Bean is back on the road One&lt;/h3&gt;
          &lt;/div&gt;
        &lt;/a&gt;
  
  
        &lt;a class="" href="http://www.youtube.com/embed/QThP5kDUJJ0?showinfo=0&amp;modestbranding=1"&gt;
        &lt;div class="vp-video-img-w vp-hqdefault-w"&gt;
          &lt;img src="http://img.youtube.com/vi/QThP5kDUJJ0/hqdefault.jpg" title=""&gt;                                  
        &lt;/div&gt;
          &lt;div class="vp-video-details"&gt;
            &lt;h3 class="video-title"&gt;Mr. Bean is back on the road Two&lt;/h3&gt;
          &lt;/div&gt;
        &lt;/a&gt;
  
        &lt;a class="" href="http://www.youtube.com/embed/xIOP1PLjUTs?showinfo=0&amp;modestbranding=1"&gt;
        &lt;div class="vp-video-img-w vp-hqdefault-w"&gt;
          &lt;img src="http://img.youtube.com/vi/xIOP1PLjUTs/hqdefault.jpg" title=""&gt;                                  
        &lt;/div&gt;
          &lt;div class="vp-video-details"&gt;
            &lt;h3 class="video-title"&gt;Mr. Bean is back on the road Three&lt;/h3&gt;
          &lt;/div&gt;
        &lt;/a&gt;
  
      &lt;/div&gt;
  
    &lt;/div&gt;
  </code></pre>
  
  <p><a href="https://codepen.io/anon/pen/geEmxg?editors=1100" rel="nofollow noreferrer">Codepen link</a> </p>
  
  <p>I am trying to make it responsive to it doesnt break</p>