JSFiddle - React, Tailwind, and code Playground

by joplomacedo

HTML

<article class="stream-item js-stream-item  is-draggable  is-actionable " data-key="1359217473132789762" data-account-key="twitter:240738119" data-drag-type="tweet" data-tweet-id="1359217473132789762" style="">
  <div class="js-stream-item-content item-box js-show-detail ">
    <div class="js-tweet tweet        ">
      <header class="tweet-header js-tweet-header flex flex-row flex-align--baseline"> <a class="account-link link-complex block flex-auto" href="https://twitter.com/TheLioncom" rel="user" target="_blank">
          <div class="obj-left item-img tweet-img position-rel"> <img class="tweet-avatar avatar pin-top-full-width" src="https://pbs.twimg.com/profile_images/1049451021615808512/pBiG74-d_bigger.jpg" alt="TheLioncom's avatar"> </div>
          <div class="nbfc "> <span class="account-inline txt-ellipsis"> <b class="fullname link-complex-target">TheLion Stock Trader</b> <span class="username txt-mute">@TheLioncom</span> </span> </div>
        </a> <time class="tweet-timestamp js-timestamp txt-mute flex-shrink--0" datetime="2021-02-09T19:07:53.000Z" data-time="1612897673000"> <a class="txt-size-variable--12 no-wrap" href="https://twitter.com/TheLioncom/status/1359217473132789762" rel="url" target="_blank">now</a> </time> </header>
      <div class="tweet-body js-tweet-body">
        <div class="nbfc txt-size-variable--12 txt-ellipsis"> </div>
        <p class="js-tweet-text tweet-text with-linebreaks " lang="en">We need get SINTX new antimicrobial power embedded into everything. Even masks. Why wear 3 masks when you can wear just 1 and can also reuse cloth masks. Variants are going to be major problems and we need permanent solutions. <a href="https://twitter.com/search?q=%24SINT" rel="hashtag" target="_blank" class="link-complex"><span class="hash">$</span><span class="link-complex-target">SINT</span></a></p>
        <div class="js-card-container"></div>
      </div>
      <footer class="tweet-footer cf">
        <ul class="js-tweet-actions...