JSFiddle - React, Tailwind, and code Playground
by joplomacedo
HTML
<!-- NORMAL -->
<article class="stream-item js-stream-item " data-key="1359250107158331397" data-account-key="twitter:240738119" data-drag-type="tweet" data-tweet-id="1359250107158331397" 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/OddStockTrader" 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/1138139071052521480/1_08Pmls_bigger.png" alt="OddStockTrader's avatar"> </div>
<div class="nbfc "> <span class="account-inline txt-ellipsis"> <b class="fullname link-complex-target">Cody P.</b> <span class="username txt-mute">@OddStockTrader</span> </span> </div>
</a> <time class="tweet-timestamp js-timestamp txt-mute flex-shrink--0" datetime="2021-02-09T21:17:33.000Z" data-time="1612905453000"> <a class="txt-size-variable--12 no-wrap" href="https://twitter.com/OddStockTrader/status/1359250107158331397" rel="url" target="_blank">1h</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">I think it's a bit funny how my @ handle really does fit my style 11 years later lol.
ODD STOCKS BABY!</p>
<div class="js-card-container"></div>
</div>
<footer class="tweet-footer cf">
<ul class="js-tweet-actions tweet-actions full-width ">
<li class="tweet-action-item"> <a class="js-reply-action tweet-action position-rel" href="#" rel="reply"> <i class="icon icon-reply txt-center pull-left"></i> <span class="pull-right icon-reply-toggle margin-l--2 margin-t--1 txt-size--12 js-reply-count...