JSFiddle - React, Tailwind, and code Playground

HTML

<div class="wrapper">

<div class="a">1</div>
<div class="a">2</div>
<div class="a">3</div>
<div class="x"></div>
<div class="a">5</div>
<div class="a">6</div>
    
 </div>

CSS

.wrapper{
	position:relative;
	min-width:300px;
	max-width:500px;
}


.a{
    position:relative;
    float:left;
    width:50px;
    height:50px;
    background:red;
}