.list-of-articles {
  width: 100%;
  padding: 102px max(calc((100% - var(--view-port)) / 2), 5%);

  padding-bottom: 46px;

  display: grid;

  grid-template-columns: 1fr 1fr 1fr;

  column-gap: 28px;
  row-gap: 56px;
}

.spacing {
  width: 1px;
  height: 150px;
}

@media screen and (max-width: 1000px) {
  .list-of-articles {
    grid-template-columns: 1fr 1fr;
  }
}

@media screen and (max-width: 750px) {
  .list-of-articles {
    grid-template-columns: 1fr;
  }
}