JSFiddle - React, Tailwind, and code Playground

HTML

<div id="wrapper">
    <div class="box" id="bigger"></div
    ><div class="box"></div
    ><div class="box"></div
    ><div class="box"></div
    ><div class="box"></div
    ><div class="box"></div
</div>

<!-- The weird closing brackets are put like that to not have weird margins. -->

CSS

#wrapper{
    width: 960px;
    height: auto;
}

.box {
    width: 300px;
    height: 200px;
    margin: 10px;
    display: inline-block;
    background-color: black;
}

#bigger {
    height: 300px;
}