JSFiddle - React, Tailwind, and code Playground

by Aziz Natour

HTML

<div class="header"></div>
<div class="main">
  <div class="mainPanel">
  </div>
</div>

CSS

html, body {padding: 0; margin: 0;}

body, .mainPanel {
  background: url(https://static.pexels.com/photos/29628/pexels-photo.jpg) no-repeat center center fixed;
  background-size: cover;
}

.header {
  height: 2em;
  width: 100%;
  position: fixed;
  top: 0; left: 0;
  background-color: white;
}

.main {
  width: 100%;
  height: 10em;
  margin-top: 5em;
  background-color: white;
}

.mainPanel {
  width: 50%;
  margin: auto;
  height: 5em;
}