<body class="blue">
<div class="grid">
<div class="box blue"></div>
<div class="box"></div>
<div class="box blue"></div>
<div class="box"></div>
<div class="box blue"></div>
<div class="box"></div>
<div class="box blue"></div>
<div class="box"></div>
<div class="box blue"></div>
<div class="box"></div>
<div class="box blue"></div>
<div class="box"></div>
<div class="box blue"></div>
<div class="box"></div>
<div class="box blue"></div>
</div>
</body>
<style>
body {
margin: 0;
display: flex;
justify-content: center;
align-items: center;
height: 100%;
width: 100%;
}
.grid {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}
.box {
width: 3.12rem;
height: 3.12rem;
background: #FAE29E;
}
.blue {
background: #4A9A86;
}
</style>