JSFiddle - React, Tailwind, and code Playground

by igalst

HTML

<div class="wrap">
    <div class="box">box</div>
    <div class="box">box</div>
    <div class="box">box</div>
    <div class="box">box</div>
    <div class="box">box</div>
    <div class="box">box</div>
    <div class="box">box</div>
</div>

SCSS

.wrap {
    width: 50%;
    background: yellow;
    
    &:after {
        clear: both;
        content: "";
        display: block;
    }
}

.box {
    width: 50px;
    height: 50px;
    margin: 10px;
    background: blue;
    color: white;
    float: left;
}