<div class="container">
<div class="item item--1">1</div>
<div class="item item--2">2</div>
<div class="item item--3">3</div>
<div class="item item--4">4</div>
<div class="item item--5">5</div>
<div class="item item--6">6</div>
</div>
.container {
background-color: #eee;
width: 1000px;
margin: 30px auto;
display: grid;
grid-template-rows: 150px 150px;
grid-template-columns: 150px 150px 150px;
}
.item {
padding: 20px;
font-size: 30px;
font-family: sans-serif;
color: white;
}
/* &--1{
background-color: orange;
} */