Old school D3 from simpler times

All examples By author By category About

InSuperposition

Full window Github gist

A Pen by InSuperposition.

<div class="container">
   <span class="responsive-rectangle responsive-rectangle--quarter">
    <a href="www.youtube.com"class="responsive-rectangle__content">
       <span class="responsive-rectangle__icon-font zocial-youtube fittext"></span>
     </a>
  </span>
  <span class="responsive-rectangle responsive-rectangle--quarter">
    <a href="www.youtube.com"class="responsive-rectangle__content">
      <span class="responsive-rectangle__icon-font zocial-facebook fittext"></span>
    </a>
  </span>
  <span class="responsive-rectangle responsive-rectangle--quarter">
    <a href="www.youtube.com"class="responsive-rectangle__content">
      
    </a>
  </span>
  <span class="responsive-rectangle responsive-rectangle--quarter">
    <a href="www.youtube.com"class="responsive-rectangle__content"></a>
  </span>
  <span class="responsive-rectangle responsive-rectangle--whole">
    <a href="www.youtube.com"class="responsive-rectangle__content">
      <span class="responsive-rectangle__icon-font zocial-youtube"></span>
    </a>
  </span>
  <span class="responsive-rectangle responsive-rectangle--third">
      <iframe class="responsive-rectangle__content" src="//player.vimeo.com/video/82042772" width="100%" height="101%" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>

</span>
  <span class="responsive-rectangle responsive-rectangle--third">
    <a href="www.youtube.com"class="responsive-rectangle__content"></a>
  </span>
  <span class="responsive-rectangle responsive-rectangle--third">
    <a href="www.youtube.com"class="responsive-rectangle__content"></a>
  </span>
  <span class="responsive-rectangle responsive-rectangle--quarter">
    <a href="www.youtube.com"class="responsive-rectangle__content"></a>
  </span>
  <span class="responsive-rectangle responsive-rectangle--half">
    <a href="www.youtube.com"class="responsive-rectangle__content"></a>
  </span>
  <span class="responsive-rectangle responsive-rectangle--quarter">
    <a href="www.youtube.com"class="responsive-rectangle__content"></a>
  </span>
  <span class="responsive-rectangle responsive-rectangle--half">
    <a href="www.youtube.com"class="responsive-rectangle__content"></a>
  </span>
  <span class="responsive-rectangle responsive-rectangle--half">
      <iframe class="responsive-rectangle__content" src="//player.vimeo.com/video/82042772" width="100%" height="101%" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>
  </span> 
 </div>