JSFiddle - React, Tailwind, and code Playground

by luka kupunia

HTML

<div class="box">
    <div class="a bb">
        <span>fwefe</span>
    </div>
    <div class="a">1</div>
    <div class="a">1</div>
    <div class="a">1</div>
    <div class="a">1</div>
    <div class="a">1</div>
</div>

CSS

.box {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.a {
    display: flex;
    flex: 20%;
    padding: 50px;
    border: 1px solid black;
    /* justify-content: center; */
    /* align-items: center; */
    /* flex: 0 0 calc(100% / 3);
    width: calc(100% / 3);
    max-width: calc(100% / 3); */
}
.a span {
    align-self: flex-start;
}
.bb {
    /* justify-content: flex-end; */
    
}
@media (max-width: 800px){
    .a {
        flex: 50%;
    }
}