JSFiddle - React, Tailwind, and code Playground

by Artem Borovikov

HTML

<div class="grid">
    <div class="item">
        <div class="card">card 1</div>
    </div>
    
    <div class="item">
        <div class="card">card 2</div>
    </div>
    
    <div class="item">
        <div class="card">card 3</div>
    </div>
</div>

CSS

.grid {
    display: flex;
}

.item {
    flex: 0 0 66.6666%;
    width: 66.666%;
    padding-left: 5px;
    padding-right: 5px;
    background: blue;
}

.card {
    height: 300px;
    background: green;
}