JSFiddle - React, Tailwind, and code Playground

by viduthalai1947

HTML

<div>
   <div class="col1">Inside longing seagull inoffensively husky this raptly wolf much innocently quizzically that jeez interbred much far some outran interwove one thanks where behind however hey bandicoot less.

Violently after madly buffalo save much much some yet overabundantly sanely penguin madly purred upheld built dynamic innocent however and worm far curious far and altruistic some that save next much goodness.
       
    </div>
  <div class="col2">curious far and altruistic some that save next much goodness.</div>
  <div class="col3">goodness.</div>
</div>

CSS

div {
    display: flex;
}
.col1,.col2,.col3{
    border-right: 1px #fff solid;
    width: 33.3%;
    background: #ffce54;
    padding: 10px;
}