JSFiddle - React, Tailwind, and code Playground

by SpiceLab

HTML

<div class="AboutBox">
  <h2>Background</h2>
  <div class="AboutContent">
    <p>We are a small group of amateur developers. In our free time we develop games and useful programmes. Our motivation is to make others with the apps happy or the daily life easier.</p>
  </div>
</div>
<div class="AboutBox">
  <h2>Background</h2>
  <div class="AboutContent">
    <p>We are a small group of amateur developers. In our free time we develop games and useful programmes. Our motivation is to make others with the apps happy or the daily life easier.</p>
  </div>
</div>
<div class="AboutBox">
  <h2>Background</h2>
  <div class="AboutContent">
    <p>We are a small group of amateur developers. In our free time we develop games and useful programmes. Our motivation is to make others with the apps happy or the daily life easier.</p>
  </div>
</div>

CSS

.AboutBox
{
width: 380px;
margin: 5px;
float: left;
}
.AboutContent
{
/*width: 386px;*/
height: 130px;
background: #FFF3B5;
border: #D1AA31 1px solid;
padding: 10px 5px 0px 5px;
text-align:justify;
}