JSFiddle - React, Tailwind, and code Playground

HTML

<body>
             
        <div class="container">
                 <div class="wrapper">
                 </div>
             </div>
         </body>
     </head>
 </html>

CSS

*{
                 margin:0;
                 padding:0;
                 }

                 html,body {
                 background: none;
                 height: 100%;
                 width: 100%;
                 }
                 .container {
                 display: block;
                 position: relative;
                 height: 100%;
                 margin: 0px auto 0;
                 width: 1000px;
                 background-color: black;
                 }
                 .wrapper {
                 display: block;
                 position: relative;
                 height: 150px;
                 width: 150px;
                 margin: 0 auto;
                 background-color: blue;
                 }