JSFiddle - React, Tailwind, and code Playground

HTML

<div style="width:100%;height:1000px">
	<div class="parent">	
    <div class="children">
  	</div>
  </div>
</div>

CSS

.parent{
width:91%;height:200px;background-color:red;
  position:relative
}
.children{
  width:50%;
  height:100px;
  background-color:purple;
  left:25%;
  position:absolute;
  bottom:0px;
}