<div class="ourProjects-grid-container">
<div class="item-1"><img src="./assets/images/imageFirst.svg" alt="buildingFirst"></div>
<div class="item-2"><img src="./assets/images/imageSec.svg" alt="buildingSec"></div>
<div class="item-3"><img src="./assets/images/imageTh.svg" alt="buildingThird"></div>
<div class="item-4"><img src="./assets/images/imageFo.svg" alt="buildingForth"></div>
<div class="item-5"><img src="./assets/images/imageFi.svg" alt="buildingFifth"></div>
</div>.ourProjects-grid-container {
display: grid;
width: 1170px;
grid-template-columns: 270px 270px 170px 370px;
grid-template-rows: repeat(2, 255px);
grid-gap: 30px;
}
.ourProjects-grid-container .item-1 {
grid-column: 1/3;
grid-row: 1/2;
}
.ourProjects-grid-container .item-2 {
grid-column: 3/5;
grid-row: 1/2;
}
.ourProjects-grid-container .item-3 {
grid-column: 1/2;
grid-row: 2/3;
}
.ourProjects-grid-container .item-4 {
grid-column: 2/4;
grid-row: 2/3;
}
.ourProjects-grid-container .item-5 {
grid-column: 4/5;
grid-row: 2/3;
}