JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container" >


<div class="row indicador"  style=" display: table; " >
	  
		
		
 
						<div class="row ">
							<div class="col-sm-12" >title </div>
						</div>
						<div class="row indicadormedio"><div class="col-sm-12">30</div></div>
						<div class="row">
							<div class="col-sm-12">
								<div class="row">
									<div class="col-sm-12">subtitle</div>
								</div>
						 </div>
						</div>
					</div>
				</div>

CSS

.indicador{
	background-color:black;
	color:white;
	border-radius: 5px;
}

.indicadormedio{
	background-color:yellow;
	color:#01CB99;
	font-size:40px;
	border:1px solid green;
}