JSFiddle - React, Tailwind, and code Playground

by Ramesh Kanagaraj

HTML

<script src="https://platform.twitter.com/widgets.js"></script>
Widget Height:
<select id="wheight">
    <option value="200">Small</option>
    <option value="400">Medium</option>
    <option value="800">Large</option>
</select>
<br>
<br>
<!-- timeline defined in my personal account by adding a widget, the widget displays the timeline for @NR_Tracker -->
<a class="twitter-timeline" href="https://twitter.com/NR_Tracker" data-chrome="nofooter" data-widget-id="317788461761429504">Tweets by @NR_Tracker</a>

JavaScript

$("#wheight").change(function () {

    var value = $("#wheight").val();
 $("#twitter-widget-0").removeAttr('max-width').removeAttr('min-width');
    $("#twitter-widget-0").attr('width', value + 'px');
});