/* Project list page */
.project-list-hero{
  padding: 28px 0 10px;
}

.project-list{
  padding-top: 8px;
}

.project-list .cards{
  display: grid;
  gap: 12px;
  grid-template-columns: 1fr;
}

@media (min-width: 560px){
  .project-list .cards{ grid-template-columns: repeat(2, 1fr); }
}

@media (min-width: 900px){
  .project-list .cards{ grid-template-columns: repeat(3, 1fr); }
}

.project-list .card-tags{
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 10px;
}