JSFiddle - React, Tailwind, and code Playground
HTML
<div class="twitter-container" style="width:900px;">
<style type="text/css" id="twitterStyle">
.twitter-container {
width: 920px;
}
#twitterStyled .tweet {
padding: 10px 10px 5px 10px;
margin:10px;
border-radius: 10px;
background-color: #9bcfe2;
}
#twitterStyled .tweet:nth-child(odd) {
margin-right:50px;
}
#twitterStyled .tweet:nth-child(even) {
margin-left:50px;
}
#twitterStyled .profile > img {
display: none;
}
#twitterStyled .tweet .tweet-actions {
visibility: hidden;
}
#twitterStyled .tweet:hover .tweet-actions {
visibility: visible;
}
#twitterStyled .stream {
background-color: #7AC0DA;
color:#fff;
}
#twitterStyled .header {
border-bottom: 1px dashed #fff;
margin-bottom:10px;
padding-bottom:5px;
}
#twitterStyled .p-name {
color: #207290;
}
#twitterStyled .p-nickname, #twitterStyled .dt-updated {
color: #2b8fb4;
}
</style>
<a class="twitter-timeline" data-dnt="true" data-lang="ru" data-theme="dark" data-tweet-limit="3" data-chrome="noheader nofooter noborders noscrollbar transparent" href="https://twitter.com/zewa4ka" data-widget-id="363961326097297408">Твиты пользователя @@zewa4ka</a>
</div>
JavaScript
!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");
$(function () {
var $cont = $(".twitter-container"),
prd = setInterval(function () {
if ($cont.find("> iframe").contents().find(".twitter-timeline").length > 0) {
$cont.find("> iframe").attr("width", "100%");
var $body = $cont.find("> iframe").contents().find("body");
clearInterval(prd)
$body.attr("id", "twitterStyled")
.append($("#twitterStyle"));
}
}, 100);
});