JSFiddle - React, Tailwind, and code Playground

by will525

HTML

<div class="half">
    <h2>Feed #1 (default call)</h2>
    <div class="feed1"></div>
</div>
<div class="half">
    <h2>One more feed (with limit:5)</h2>
    <div class="feed2"></div>
</div>

CSS

body{
    font-size:12px;
    line-height:20px;
    color:#555;
}
h3, h4{ margin:0px 0 20px 0; line-height:20px;}
p{  margin:0 0 20px 0;}
.half{
    width:48%;
    margin-right:2%;
    float:left;
}
.feed1, .feed2{
    background:#ccc;
    padding:20px;
}

JavaScript

$(document).ready(function(){
    $(".feed1").facebookfeed({access_token:'208593485852783|DR_IYpYWIqC5wZ1cE6TouXcXOOI'});
    $(".feed2").facebookfeed({access_token:'208593485852783|DR_IYpYWIqC5wZ1cE6TouXcXOOI', query:{limit:5}});
});