JSFiddle - React, Tailwind, and code Playground

HTML

<div id="header1">
      <h1>Welcome to eSnail</h1>
      <p></p>
  </div>

CSS

html, body{
    width:100%;
    height:100%;
    margin: 0;
}
#header1 {
  width:100%;
  background: #6C7E82;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
#header1 h1{
     
}