JSFiddle - React, Tailwind, and code Playground

by der_robert

HTML

<div class="wrapper">
    <div class="box"></div>
    <div class="error"></div>
</div>

CSS

* {
	margin: 0;
	padding: 0;
  }
.wrapper{
    position: absolute;
	margin: auto;    	
	width: 600px; 
    height: 350px;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;    
    padding:5px;
    border: 1px solid black;
    background-color: lightgrey;
}
  .box {
    height: inherit;
	background-color: red;
  }

  .error {
	height: 200px;
	width: 600px;
	margin: 30px auto;
	background-color: blue;
  }