JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
<li>foo</li>
<li>foo</li>
<li>foo</li>
<li>foo</li>
<li>foo</li>
<li>foo</li>
<li>
<iframe height="500" id='myiframe' scrolling='no' src="http://www.facebook.com/v2.4/plugins/page.php?adapt_container_width=true&container_width=300&width=300&height=500&hide_cover=false&href=https%3A%2F%2Fwww.facebook.com%2Fofficialstackoverflow&locale=pl_PL&sdk=joey&show_facepile=true&show_posts=true&small_header=false" style="height:500px;">
 
</iframe></li>
<li>foo</li>
<li>foo</li>
<li>foo</li>
<li>foo</li>
<li>foo</li>
<li>foo</li>
<li>foo</li>
<li>foo</li>
<li>foo</li>
<li>foo</li>
<li>foo</li>
<li>foo</li>
<li>foo</li>
<li>foo</li>
<li>foo</li>
<li>foo</li>
<li>foo</li>
<li>foo</li>
<li>foo</li>
<li>foo</li>
<li>foo</li>
<li>foo</li>
<li>foo</li>
<li>foo</li>
<li>foo</li>
<li>foo</li>
<li>foo</li>
<li>foo</li>
<li>foo</li>
<li>foo</li>
<li>foo</li>
<li>foo</li>
<li>foo</li>
</ul>

CSS

iframe{
  overflow:hidden;
}