JSFiddle - React, Tailwind, and code Playground

HTML

<body>

<div class="wrapper">

      <header>
          <h2>test</h2>
      </header>

<div class="container">
  my html code here
</div>

<div class="push"></div>
</div>

<div class="footer">
<footer>
    <h3>test</h3>
</footer>

</div>

CSS

.container {
      margin: 0 auto;
      width: 1060px;
    }

/* header */
h2 {
    color: transparent;
    background-color: black;
    width: 100%;
    height: 102px;
    margin-bottom: 20px;
}

/* footer */
h3 {
    color: transparent;
    background-color: black;
    width: 100%;
    height: 102px;
}