<body>
<div class="gr">
<div class="bx"></div>
<div class="bx"></div>
<div class="bx"></div>
</div>
<div class="gr gr2">
<div class="bx"></div>
<div class="bx"></div>
<div class="bx"></div>
</div>
</body>
<style>
body {
margin: 0;
background: #0B2429;
height: 100%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.gr {
display: grid;
grid-template-columns: 1.4fr 2fr 1.4fr;
gap: 0.9rem;
width: 16.9rem;
height: 4.37rem;
margin: 0.475rem;
}
.gr2 {grid-template-columns: 1.42fr 1fr 1.42fr;width: 18.7rem;}
.bx {background: #F3AC3C;}
</style>