he items can also be condensed on the left instead of spread out, by adding the `condense` class to the menu bar container.</p>

<div class="grid-block">
  <div class="small-12 medium-6 grid-content">
<hljs>
<ul class="condense menu-bar">
  <li><a href="#">Item</a></li>
  <li><a href="#">Item</a></li>
  <li><a href="#">Item</a></li>
</ul>
</hljs>
  </div>
  <div class="small-12 medium-6 grid-content">
    <ul class="condense menu-bar">
      <li><a href="#">Item</a></li>
      <li><a href="#">Item</a></li>
