JSFiddle - React, Tailwind, and code Playground
by kougiland
HTML
<script src="http://markmurray.co/js/instafeed.min.js"></script>
<h1>Fetch Instagram Photos</h1>
<div id='instafeed'></div>
CSS
@import url(http://fonts.googleapis.com/css?family=Lato:100);
html, body {
background: #3498db;
}
h1 {
padding: 1em 0;
text-align: center;
font-size: 3em;
font-family: 'Lato', sans-serif;
color: white;
border-top: 2px solid white;
}
#instafeed img {
margin: 0 0 -3px;
display: inline;
width: 12.5%;
height: auto;
max-width: 100%;
}
JavaScript
var userFeed = new Instafeed({
get: 'user',
userId: 6678174,
accessToken: '6678174.467ede5.205a03ebc4b74d4082823781c3149575',
target: 'instafeed',
sortBy: 'most-recent',
limit: 32,
resolution: 'low_resolution'
}); userFeed.run();