JSFiddle - React, Tailwind, and code Playground

by Reigel Gallarde

HTML

<h1> The power of misunderstanding </h1>

<p>last saturday... nong galit ka dahil wala ako magtxt... ganito ang nangyari...</p>
<p>busy ako sa trabaho ko, alam kong alam mo yon...</p>
<p>pero may di ka alam...</p>
<p>sobrang binilisan ko talaga trabaho ko non...</p>
<p>na parang nasasabi ko na na di na ako nag-eenjoy sa trabaho ko...</p>
<p>at isa pa, sabado yon... nasanay ako na pag sabado, ikaw lang ka-chat ko... at nagdDN lang...</p>
<p>nasabi ko sa sarili, "at labo naman nito.. dapat nagcha-chat kami ng gf ko ngayon eh..."</p>
<p>sabay may malungkot na mukha...</p>
<p>wala akong magawa kundi ipagpatuloy trabaho ko... dahil late na ako ng 12 hours mahigit sa deadline...</p>
<p>tingin sa cp... walang txt si glecy ko... titxt kaya ako? -ay wag na... pag nagreply yon, baka hahaba ang usapan lagot ako sa deadline ko...</p>
<p>ilang saglit, tingin sa cp ulit.. titxt na kaya ako? -ay bibilisan ko na lang tong trabaho ko...</p>
<p>hanggang umabot ng 8:30pm... haiizzzttt... gutom na ako... salamat at natapos na din sa wakas...</p>
<p>umuwi... naghintay ng jeep... ang tagal naman ng jeep... gutom na ako T_T</p>
<p>nakauwi... higa muna saglit... may txt... yey ihzy... "mahal ko?"... happy ako... kahit pagod..</p>
<p>nag-reply... "tulog na tayo."</p>
<p>expected na sagot, "ayy pagod ang mahal ko? kumusta ang trabaho"</p>
<p>naghintay ng text...</p>
<p>wala</p>
<p>wala</p>
<p>txt ako ulit, "mahal ko?"</p>
<p>nagreply galit... umiyak daw...</p>
<p>kung alam niya lang... namimiss ko siya ng sobra.... T_T</p>

CSS

h1 {
    font-weight: bold;
    font-size: 24px;
    line-height: 32px;
}
body {
    padding: 10px;
    font: normal 12px Arial, Tahoma;
}