JSFiddle - React, Tailwind, and code Playground

by Pamela Cook

HTML

<a class="twitter-timeline" data-dnt=true href="https://twitter.com/halojordan" data-widget-id="274594095719137281">Tweets by @halojordan</a>
      <script>
			!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

CSS

iframe[id^="twitter-widget-"] {

  float: none;
  width: 100% !important;
  font-size: 12px;

}

JavaScript

$(window).on("load", function() {
        $("iframe[id^=twitter-widget-]").each(function () {
          var head = $(this).contents().find("head");
          if (head.length) {
            head.append(".timeline { max-width: none !important; width: 100% !important; } .timeline .stream { max-width: none !important; width: 100% !important; }");
          }
        });
      });