JSFiddle - React, Tailwind, and code Playground

HTML

<div style="height:510px;width:510px; border:1px solid green;">
        <div style="float:left; height: 80px; width: 80px; margin:10px; border: 1px solid blue">1</div>
        <div style="float:left; height: 80px; width: 80px; margin:10px; border: 1px solid blue">2</div>
        <div style="float:left; height: 80px; width: 80px; margin:10px; border: 1px solid blue">3</div>
        <div style="float:left; height: 80px; width: 80px; margin:10px; border: 1px solid blue">4</div>
        <div style="float:left; height: 120px; width: 80px; margin:10px; border: 1px solid red">5</div>
        <div style="float:left; height: 80px; width: 80px; margin:10px; border: 1px solid blue">6</div>
        <div style="float:left; height: 80px; width: 80px; margin:10px; border: 1px solid blue">7</div>
        <div style="float:left; height: 80px; width: 80px; margin:10px; border: 1px solid blue">8</div>
        <div style="float:left; height: 80px; width: 80px; margin:10px; border: 1px solid blue">9</div>
        <div style="float:left; height: 80px; width: 80px; margin:10px; border: 1px solid blue">10</div>
        <div style="float:left; height: 80px; width: 80px; margin:10px; border: 1px solid blue">11</div>
        <div style="float:left; height: 80px; width: 80px; margin:10px; border: 1px solid blue">12</div>
        <div style="float:left; height: 80px; width: 80px; margin:10px; border: 1px solid blue">13</div>
    </div>