JSFiddle - React, Tailwind, and code Playground

by Todd Levy

HTML

<html xmlns:fb="http://ogp.me/ns/fb#">
<body> 

<div id="facebook-like-wrap">
  <fb:like href="http://beerauctions.com/" send="true" layout="button_count" show_faces="false"></fb:like>
</div>
    
<div id="fb-root"></div>
<script>
(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=275573079133357";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
    
</body> 
</html>

CSS

#facebook-like-wrap{width:300px}

JavaScript

$(function() {
    //INITIALIZE ROUTINE TO SET IFRAME WIDTH TO ZERO
    setTimeout(initFbIframeSizer, 10);
});

function initFbIframeSizer()
{
  $facebookiframe = $("#facebook-like-wrap iframe").eq(0);
  if ($facebookiframe.length !== 0) $facebookiframe.width(0);
  else setTimeout(initFbIframeSizer, 10);
}