JSFiddle - React, Tailwind, and code Playground

by Alin Guta

HTML

<div id="wrap"></div>

CSS

#wrap{
	width:800px;
	height:610px;
    top: 50%;
    left: 50%;
	margin-top:-305px;
	margin-left:-400px;
	position:fixed;
	overflow:hidden;
    background:#ebebeb;
}
@media screen and (max-width:820px) and (max-height:615px){
	#wrap{
		width:800px;
		height:610px;
		position:relative;
		margin:0 auto;
		top:100px;
		overflow:hidden;
        background:red;
	}
}