JSFiddle - React, Tailwind, and code Playground

HTML

<div class='flex-container'>

    <div class='box'>



    </div>



</div>

CSS

body{
     width: 100%;
   }
   .flex-container{

        display: flex;
        flex-flow: column;
        justify-content: center;
        height: 100%;
        width: 100%;
        align-items: center;
    }


    .box{

        flex: 0 0 100px;
        background: red;
        width: 100px;
          justify-content: center;

    }