JSFiddle - React, Tailwind, and code Playground

by Manju06

HTML

<div class="MainDiv">

<div class="leftDiv">
<h1>
Service title
</h1>
left left left left left left left left left left left left left left left left left left left left left left left left left left left left left left left left left left left left

<h1>
Service title
</h1>
left left left left left left left left left left left left left left left left left left left left left left left left left left left left left left left left left left left left

<h1>
Service title
</h1>
left left left left left left left left left left left left left left left left left left left left left left left left left left left left left left left left left left left left
</div>
<div class="rightDiv">
<h1>
Service title
</h1>
Right right right right right right Right right right right right right Right right right right right right Right right right right right right Right right right right right right
<h1>
Service title
</h1>
Right right right right right right Right right right right right right Right right right right right right Right right right right right right Right right right right right right
<h1>
Service title
</h1>
Right right right right right right Right right right right right right Right right right right right right Right right right right right right Right right right right right right
</div>
</div>

CSS

.MainDiv{
height:500px;
width:100%;
border:1px solid red;
display:flex;
padding:10px;
}

.leftDiv{
  height:500px;
  width:50%;
  border:1px solid blue;
  margin:10px;
}

.rightDiv{
  height:500px;
  width:50%;
  border:1px solid blue;
  margin:10px;
}