@media screen and (min-width: 960px) {
  /* PC */
  /* ----------  ---------- */

  .portfolio .section__header {
    margin-bottom: 2.25rem;
  }

  .portfolio-list {
    display: grid;
    grid-template-columns: repeat(3, minmax(0px, 1fr));
    grid-template-rows: minmax(150px, 1fr);
    grid-column-gap: 2.25rem;
    grid-column-gap: 1.85rem;
    grid-row-gap: 1.85rem;
    grid-auto-rows: auto;

    margin-bottom: 2.25rem;
  }

}

@media screen and (max-width: 959px) {
  /* Tablet and Mobile */
  /* ----------  ---------- */
  .portfolio .section__header {
    margin-bottom: 1.45rem;
  }

  .portfolio-list {
    display: grid;
    grid-template-columns: repeat(1, minmax(0px, 1fr));
    grid-template-rows: minmax(150px, 1fr);
    grid-column-gap: 0.75rem;
    grid-row-gap: 2.25rem;
    grid-auto-rows: auto;

    margin-bottom: 1.25rem;
  }
}