.projects-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  justify-content: center;
}
.projects-grid > div {
  flex: 0 0 calc((100% - 48px) / 3);
  width: calc((100% - 48px) / 3);
  min-width: 0;
}
.projects-grid > div .item-news {
  margin-right: 0;
  max-width: 100%;
}
@media (max-width: 991px) {
  .projects-grid > div {
    flex: 0 0 calc((100% - 24px) / 2);
    width: calc((100% - 24px) / 2);
  }
}
@media only screen and (max-width: 576px) {
  .projects-grid > div {
    flex: 0 0 100%;
    width: 100%;
  }
}