JSFiddle - React, Tailwind, and code Playground

HTML

<div class="box">
    <div class="item">By 哥特复兴</div>
    <div class="item"></div>
    <div class="item"></div>
    <div class="item"></div>
</div>

CSS

.box {width: 100%;}
.item {
    float:left;
    margin:10px 5px;;
    width:30%;
    height:0;
    padding-bottom: 60%;
    background-color:#f00;
    
}