.projectsMain {
  grid-area: 1 / 1 / 8 / 9;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 1.5rem;
}

.projectsDiv {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-around;
  gap: 1rem;
  width: 100%;
}

@media screen and (max-width: 450px) {
  .projectsMain {
    grid-area: 2/1/12/5;
    align-items: center;
    justify-content: center;
  }

  .projectsDiv {
    flex-wrap: nowrap;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
  }
}
