title: Instafeed JS template
body: <p>I am using instafeed js to get instagram images to display on my website. I want to pull 5 images and display it together like this example that I have created on <a href="https://codepen.io/hollydo/post/image-comp" rel="nofollow noreferrer">codepen</a>. However, the template feature for the instafeed js posed a constraint on how I can organize the images the way that I had on the codepen example since there isn't a way to specifically target each image to a div. </p>
  
  <p>The code on codepen showing how I would want to place each of my images.</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-html lang-html prettyprint-override"><code>&lt;div class="row1"&gt;
      &lt;div class="column1"&gt;
          &lt;a href="#"&gt;&lt;img src="/assets/placeholder/c1.jpg" alt="placeholder 1" style="width:100%"&gt;&lt;/a&gt;
          &lt;a href="#"&gt;&lt;img src="/assets/placeholder/c2.jpg" alt="placeholder 2" style="width:100%"&gt;&lt;/a&gt;
      &lt;/div&gt;
    &lt;div class="column1"&gt;
        &lt;a href="#"&gt;&lt;img src="/assets/placeholder/c3.jpeg" alt="placeholder 3" style="width:100%"&gt;&lt;/a&gt;
        &lt;a href="#"&gt;&lt;img src="/assets/placeholder/c4.jpg" alt="placeholder 4" style="width:100%"&gt;&lt;/a&gt;
    &lt;/div&gt;
    &lt;div class="column1"&gt;
        &lt;a href="#"&gt;&lt;img src="/assets/placeholder/c5.jpg" alt="placeholder 5" style="width:100%"&gt;&lt;/a&gt;
      &lt;/div&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>Here's the code using instafeedjs </p>
  
  <pre><code>var feed = new Instafeed({
  get: 'user',
  userId: '3xxxxx01',
  accessToken: '3xxxxx3446',
  limit: 5,
  resolution: 'standard_resolution',
  template: '&lt;a href="{{link}}" target="_blank"&gt;&lt;img src="{{image}}" /&gt;&lt;/a&gt;'
    });
  feed.run();
  </code></pre>