#projects .projects__container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1px;
  background-color: var(--stb-border-gray);
  border: 1px solid var(--stb-border-gray);
}

#projects .project {
  padding: var(--stb-space);
  background-color: var(--stb-white);
  display: flex;
  flex-direction: column;
  gap: 12px;
}

#projects .project img {
  border-radius: 20px;
}

@media screen and (max-width: 1024px) {

  #projects .projects__container {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media screen and (max-width: 640px) {

  #projects .projects__container {
    grid-template-columns: 1fr;
  }
}