.ws-project-grid .ws-project-grid-content {
  display: grid;
  grid-gap: 2rem;
}

.ws-project-grid .ws-project-grid-content.col-2 {
  grid-template-columns: 1fr 1fr;
}



@media screen and (min-width: 768px) {

  .ws-project-grid .ws-project-grid-content {
    grid-gap: 3rem;
  }

  .ws-project-grid .ws-project-grid-content.col-2-desktop {
    grid-template-columns: 1fr 1fr;
  }

  .ws-project-grid .ws-project-grid-content.col-3-desktop {
    grid-template-columns: repeat(3, 1fr);
  }

  .ws-project-grid .ws-project-grid-content.col-4-desktop {
    grid-template-columns: repeat(4, 1fr);
  }
  

}