JSFiddle - React, Tailwind, and code Playground
HTML
<div class="my-flex-cont">
<div class="my-flex-box">#1</div>
<div class="my-flex-box">#2</div>
</div>CSS
.my-flex-cont {
display: flex;
flex-flow: column nowrap;
justify-content: center;
height: 400px;
background:red;
}
.my-flex-box {
margin: 5px;
padding: 5px;
flex: 0 1 auto;
background:lime;
border:solid 1px blue;
align-self: center;
}
.my-flex-box:nth-child(1) {
flex: 1 1 auto;
}