<div class="s"></div>
<div class="s"></div>
<div class="s"></div>
<div class="s"></div>
<div class="l"></div>
<style>
body {
display: grid;
grid-template-columns: 1fr 1fr;
margin: 2.5rem 0;
width: 100%;
height: 100%;
gap: 6.25rem 0rem;
background: #EAC049;
}
div {
justify-self: center;
outline: 1.25rem solid #51A499;
}
.s {
width: 1.25rem;
height: 1.25rem;
}
.l {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 8.8rem;
height: 8.8rem;
}
</style>