style.css

/* Color To Use */
/* Greeen Color */
/* 769656 */
/* Cream Color */
/* EEEED2 */

.dad-container {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 2rem;
}

.square {
  background-color: #eeeed2;
  width: 70px;
  height: 70px;
}

.square.top-bold {
  background-color: #eeeed2;
  width: 70px;
  border-width: 50;
  border-color: black;
  border-top-style: solid;
  border-top-width: 5px;
  height: 70px;
}

.square.right-bold {
  background-color: #eeeed2;
  width: 70px;
  border-width: 50;
  border-color: black;
  border-right-style: solid;
  border-right-width: 5px;
  height: 70px;
}
.square.left-bold {
  background-color: #eeeed2;
  width: 70px;
  border-width: 50;
  border-color: black;
  border-left-style: solid;
  border-left-width: 5px;
  height: 70px;
}
.square.bottom-bold {
  background-color: #eeeed2;
  width: 70px;
  border-width: 50;
  border-color: black;
  border-bottom-style: solid;
  border-bottom-width: 5px;
  height: 70px;
}
.main-container {
  display: grid;
  border-radius: 5px;
  grid-template-columns: repeat(9, 1fr);
  height: (560 + 70) px;
  /* 70px * 8 = 560px */
  width: (560 + 70) px;
  overflow: hidden;
}

.files:nth-of-type(odd) .square:nth-of-type(even) {
  background-color: #fec366;
}

.files:nth-of-type(even) .square:nth-of-type(odd) {
  background-color: #fec366;
}

img {
  width: 100%;
}