JSFiddle - React, Tailwind, and code Playground

by PlayboyZP

HTML

<div class="box">
  <div class="container one">
    <div class="text">
  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam varius non turpis sit amet tincidunt. Donec velit metus, gravida quis feugiat sed, tincidunt in diam. Etiam convallis hendrerit nisi. Vivamus vestibulum dolor suscipit fermentum convallis. Etiam eleifend faucibus libero, in euismod lacus viverra vitae.
    </div>
  </div>

  <div class="container two">
    <div class="text">
  Aliquam sit amet lacinia erat. Cras vitae nulla ac libero dapibus laoreet ultrices eu nisl. Morbi nec tortor erat. Praesent tristique ligula orci, sed aliquam dui dignissim at. Quisque ac tellus ac lacus bibendum facilisis. Curabitur non dignissim ex. Mauris et luctus tortor. Vestibulum ante orci
    </div>
  </div>
</div>

CSS

.box {
  display: flex;
}
.container{
  width: 48%;
  margin: 1%;
  float: left;  
  box-shadow: 0px 0px 19px 5px rgba(190,190,190,1);
  border-radius: 10px;
}

.text {
  padding: 10px;
}