JSFiddle - React, Tailwind, and code Playground

HTML

<div id="header">
    <h1>Header</h1>
</div>
<div id="wrapper"></div>

CSS

#header {
  width: 440px;
  height: 150px;
  margin: 0 auto;
  background-color: red;    
}

#wrapper {
  margin: 0 auto;
  width: 340px;
  height: 400px;
  border: 1px solid #CCC;    
}

h1 {
  text-align: center;
  font-size: 74px;
  color: #FFF;   
}