.projects-archive-wrapper {
   max-width: 1200px;
   margin: auto;
   width: 90%;
   padding: 40px 0;
}

.projects-archive-wrapper .projects-grid {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   gap: 32px;
}

.projects-archive-wrapper .projects-grid .project-title {
   margin-top: 12px;
}

@media screen and (max-width: 980px) {
   .projects-archive-wrapper .projects-grid {
      grid-template-columns: repeat(2, 1fr);
   }
}

@media screen and (max-width: 600px) {
   .projects-archive-wrapper .projects-grid {
      grid-template-columns: 1fr;
   }
}