JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">
	<div class="box-1">Box 1</div>
	<div class="box-2">Box 2</div>
</div>

CSS

body{
  padding:0;
  margin:0;
}
.wrapper {
  display:table;
	position:absolute;
  width:100%;
  height:100%;
}

.box-1 {
  display:table-cell;
  vertical-align:middle;
  text-align:center;
	width: 200px;
	background-color: #2ABB9B;
}

.box-2 {
  display:table-cell;
  vertical-align:middle;
  text-align:center;
	width: 200px;
	background-color: #16A085;
}