title: How to align a new column left with Bulma?
body: <p>Using Bulma, I'd like a new row to be left-aligned when I make my window smaller. However, when I add a fifth column, this column goes to the middle of the page. When I add a 6th column, the fifth column goes to the middle of the left side of the page and the 6th column goes to the middle of the right side of the page.</p>
  
  <p>So when I add the 5th column, this happens:</p>
  
  <p>1..2..3..4</p>
  
  <p>......5......</p>
  
  <p>And when I add the 6th column, this happens:</p>
  
  <p>1..2..3..4</p>
  
  <p>...5....6...</p>
  
  <p>But I want this to happen:</p>
  
  <p>1..2..3..4</p>
  
  <p>5..6..</p>
  
  <p>Can this be done with Bulma? How? Or should I write css code?</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>.textWithBlurredBg{
      width:192px;
      height:256px;
      display:inline-block;
      position:relative;
      transition:.3s;
      margin:1px;
    }
    
    .textWithBlurredBg img{
      width:100%;
      height:100%;
      transition:.3s;
      border-radius:4px;
    }
    
    .textWithBlurredBg:hover img{
      filter:blur(2px) brightness(60%);
      box-shadow:0 0 16px cyan;
    }
     
    .textWithBlurredBg :not(img){
      position:absolute;
      z-index:1;
      top:30%;
      width:100%;
      text-align:center;
      color:#fff;
      opacity:0;
      transition:.3s;
    }
    
    .textWithBlurredBg h3{
      top:70%
    }
    
    .textWithBlurredBg:hover :not(img){
      opacity:1;
    }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;link href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.7.1/css/bulma.min.css" rel="stylesheet"/&gt;
      &lt;div class="columns is-multiline is-mobile"&gt;
        &lt;div class="column has-text-centered is-narrow"&gt;
          &lt;figure class="image textWithBlurredBg"&gt;
          &lt;img src="https://images.unsplash.com/photo-1519262113844-152510a1d98a?ixlib=rb-0.3.5&amp;ixid=eyJhcHBfaWQiOjEyMDd9&amp;s=11972b5dd562c360eeb4941abd19ca2e&amp;auto=format&amp;fit=crop&amp;w=400&amp;q=60"&gt;
          &lt;h2 class="title"&gt;Name&lt;/h2&gt;
          &lt;h3 class="subtitle"&gt;Job Title&lt;/h3&gt;
       &lt;/figure&gt;
        &lt;/div&gt;
        &lt;div class="column has-text-centered"&gt;
          &lt;figure class="image textWithBlurredBg"&gt;
            &lt;img src="https://images.unsplash.com/photo-1515621061946-eff1c2a352bd?ixlib=rb-0.3.5&amp;ixid=eyJhcHBfaWQiOjEyMDd9&amp;s=201965739764d1554eaa299d8a458d7d&amp;auto=format&amp;fit=crop&amp;w=722&amp;q=80"&gt;
           &lt;h2 class="title"&gt;Name&lt;/h2&gt;
          &lt;h3 class="subtitle"&gt;Job Title&lt;/h3&gt;
       &lt;/figure&gt;
        &lt;/div&gt;
        &lt;div class="column has-text-centered"&gt;
          &lt;figure class="image textWithBlurredBg"&gt;
           &lt;img src="https://images.unsplash.com/photo-1508341591423-4347099e1f19?ixlib=rb-0.3.5&amp;ixid=eyJhcHBfaWQiOjEyMDd9&amp;s=b83c9d9a71fa57a216d3343f40c3747c&amp;auto=format&amp;fit=crop&amp;w=400&amp;q=60"&gt;
           &lt;h2 class="title"&gt;Name&lt;/h2&gt;
          &lt;h3 class="subtitle"&gt;Job Title&lt;/h3&gt;
          &lt;/figure&gt;
        &lt;/div&gt;
        &lt;div class="column has-text-centered"&gt;
          &lt;figure class="image textWithBlurredBg"&gt;
           &lt;img src="https://images.unsplash.com/photo-1524828121784-0b7e1d73a23a?ixlib=rb-0.3.5&amp;ixid=eyJhcHBfaWQiOjEyMDd9&amp;s=c0a4b85a56023ce08b1bc8af202400a8&amp;auto=format&amp;fit=crop&amp;w=400&amp;q=60"&gt;
           &lt;h2 class="title"&gt;Name&lt;/h2&gt;
          &lt;h3 class="subtitle"&gt;Job Title&lt;/h3&gt;
          &lt;/figure&gt;
        &lt;/div&gt;
        &lt;div class="column has-text-centered"&gt;
          &lt;figure class="image textWithBlurredBg"&gt;
           &lt;img src="https://images.unsplash.com/photo-1508341591423-4347099e1f19?ixlib=rb-0.3.5&amp;ixid=eyJhcHBfaWQiOjEyMDd9&amp;s=b83c9d9a71fa57a216d3343f40c3747c&amp;auto=format&amp;fit=crop&amp;w=400&amp;q=60"&gt;
           &lt;h2 class="title"&gt;Name&lt;/h2&gt;
          &lt;h3 class="subtitle"&gt;Job Title&lt;/h3&gt;
          &lt;/figure&gt;
        &lt;/div&gt;
        &lt;div class="column has-text-centered"&gt;
          &lt;figure class="image textWithBlurredBg"&gt;
           &lt;img src="https://images.unsplash.com/photo-1524828121784-0b7e1d73a23a?ixlib=rb-0.3.5&amp;ixid=eyJhcHBfaWQiOjEyMDd9&amp;s=c0a4b85a56023ce08b1bc8af202400a8&amp;auto=format&amp;fit=crop&amp;w=400&amp;q=60"&gt;
           &lt;h2 class="title"&gt;Name&lt;/h2&gt;
          &lt;h3 class="subtitle"&gt;Job Title&lt;/h3&gt;
          &lt;/figure&gt;
        &lt;/div&gt;
      &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>