JSFiddle - React, Tailwind, and code Playground

by Mangesh Jadhav

HTML

<div class="div1">
  <div class="div2">
  sdfd
  </div>
</div>

CSS

.div1{
  height: 300px;
  background: red;
  width: 100%;
  display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-ms-flex-align: center;
	-webkit-align-items: center;
	-webkit-box-align: center;

	align-items: center;
}
.div2{
  background: green;
  height: 100px;
  width: 100%;
}