.container {
  display: grid;
  grid-template-columns: repeat(5 , 60px);
  grid-template-rows: 60px 60px;
  gap: 15px;

}

.box {
  width: 60px;  
  height: 60px; 
  
}

/* العناصر الفردية */
.box:nth-child(odd) {
  background-color: green;
  grid-row: 1;
}


/* العناصر الزوجية */
.box:nth-child(even) {
  background-color: yellow;
grid-row: 2;}