JSFiddle - React, Tailwind, and code Playground

by Cristian Marcel

HTML

<div class="container">
    <div class="one">a</div>
    <div class="two">b</div>
    <div class="tree">c</div>
</div>

CSS

.container {
    background-color: red;
    display: flex;
    flex-wrap: wrap;
}
.one {
    min-width: 200px;
    height: 200px;
    flex: 1;
    background: blue;
}
.two {
    min-width: 200px;
    height: 200px;
    flex: 1;
    margin: 0 auto;
    background: green;
}
.tree {
    min-width: 200px;
    height: 200px;
    flex: 1;
    margin: 0 auto;
    background: yellow;
    max-height: 200px;
}