Foundation grid basic

HTML

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/foundation/5.5.2/css/foundation.min.css">
<div class="row">
    <div class='small-5 columns'></div>
    <div class='small-1 columns'>
    
    <img src="http://placehold.it/270" alt="">
    
    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;1</div>
    <div class='small-1 columns'></div>
    <div class='small-5 columns'></div>
</div>
<div class="row">
    <div class='small-4 columns'></div>
    <div class='small-1 columns' width="9%">1</div>
    <div class='small-1 columns'>2</div>
    <div class='small-1 columns'>3</div>
    <div class='small-3 columns'></div>
</div>
<div class="row">
    <div class='small-4 columns'></div>
    <div class='small-1 columns'>1</div>
    <div class='small-1 columns'></div>
    <div class='small-1 columns'>2</div>
  
    <div class='small-4 columns'></div>
</div>

CSS

body {
    margin: 4em 1em;
}
.columns {
  width: 10%;
    border: 1px solid blue;
}

JavaScript

$(function () {
    $(document).foundation();
});