row-col-foundation

by rmunir

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/foundation/5.3.1/css/foundation.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/foundation/5.3.1/js/foundation.min.js"></script>
<div class="row" data-equalizer>
  <div class="columns medium-2">
    Hello1
  </div>
  <div class="columns medium-2">
    Hello2
  </div>
  <div class="columns medium-2 medium-offset-2">
    Hello3
  </div>
  <div class="columns medium-2">
    Hello4
  </div>
  <div class="columns medium-2">
    Hello5
  </div>
</div>

<div>
<div>
<ul>
<li>First</li>
<li>Second</li>
<li>Third</li>
<li>Fourth</li>
</ul>
</div>
</div>

CSS

.col-left img:last-child {
    padding-top:1em;
}

.col-right {
    background-color:#CCC;
}

div ul:first-line{
  color:red; 
}

JavaScript

$(document).foundation();