JSFiddle - React, Tailwind, and code Playground

by Yash Agarwal

HTML

<header class="header layers">
  <!-- <i class="material-icons menu">&#xE5D2;</i>-->
  <div class="wrap">
    <h1 id="title">MY APP</h1>
  </div>
</header>

CSS

.layers{
	position:absolute;
	display:table;
	top:0;
	left:0;
	overflow:hidden;
	box-sizing:border-box;
	 table-layout: fixed;
}
.wrap{
	height:100%;
	margin-right: auto;
	margin-left: auto;
	 overflow:hidden;
	display:table-cell;
	vertical-align:middle;
	width:1040px;
}
.header{
	height:80px;
	width:100%;
}
#title{
	font-size:30px;
  color:black;
	font-family: 'Roboto', sans-serif;
}