JSFiddle - React, Tailwind, and code Playground

HTML

<div class="row row-list">
    <div class="col-xs-3"><h3>title</h3></div>
    <div class="col-xs-2 container-img"><img src=""> sdf</div>
    <div class="col-xs-7 container-paragraph"><p>lorem ipsum</p></div>
</div>

CSS

.main
{
    width: 100%;
    height: 150px;
}
.title
{
    width: 10%;
    border: 1px solid green;
    display:inline-block;
    
}
.img
{
    width:15%;
    border: 1px solid black;
    display: inline-block;
}
.content
{
    width: 70%;
    border: 1px solid red;
    display: inline-block;
}