JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>

<html>
<head>
</head>

<body>
  <div class="wrap">
    <div style="padding: 50px">
      <div id='container'>
        
      </div>
    </div>
  </div>
</body>
</html>

CSS

html, body {
  height:100%;
  margin: 0;
}

.wrap {
	position: relative;
	min-height: 100%;
}

#container {
  padding:10px;
  border:1px solid black;
  width: 200px;
  height: 100px;
}