JSFiddle - React, Tailwind, and code Playground

HTML

<div id = "ctr">
  <div class = "box">
    <div class="something1"></div>
    <div class="something2"></div>
  </div>
</div>

CSS

body{
	background-color: black;
	padding:0;
	margin: 0;
	box-sizing: border-box;
}

#ctr{
	height: 500px;
	width: 200px;
	margin: 0 auto;
	background-color: red;
  
}

#ctr > .box{
	background-color: white;
	height: 200px;
  width: 200px;
	border: 1px solid black;
  margin-top:10px;
}