title: Removing gap between Li's in block grid in Zurb Foundation 5
body: <p>i am a newbie to Foundation.
  here is the thumb list i have made for a demo</p>
  
  <pre><code>  &lt;div class="row"&gt;
  &lt;div class="large-12 columns"&gt;
    &lt;h1&gt;Gallery&lt;/h1&gt;
    &lt;ul class="small-block-grid-4"&gt;
      &lt;li&gt;&lt;img src="img/1.jpg" alt=""&gt;&lt;/li&gt;
      &lt;li&gt;&lt;img src="img/1.jpg" alt=""&gt;&lt;/li&gt;
      &lt;li&gt;&lt;img src="img/1.jpg" alt=""&gt;&lt;/li&gt;
      &lt;li&gt;&lt;img src="img/1.jpg" alt=""&gt;&lt;/li&gt;
  
    &lt;/ul&gt;
  
  &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <p>Now the thumbs are fine but it has some maybe margin or padding. the gap between each thumb.
  <strong>how can i remove that with css.</strong>
  thanks.</p>