article h1 {
  text-align: center;
}

article .project-list {
  display: grid;
  gap: 20px;
  margin-top: 3rem;
}

/* Apply conditions to article.php */
@media screen and (min-width: 640px) {

  article .project-list {
    grid-template-columns: 2fr 3fr;
  }

  article .project-list:nth-of-type(1n) {
    grid-template-columns: 3fr 2fr;
  }

  article .project-list:nth-of-type(1n) .project-text {
    grid-row: 2 / 3;
    grid-column: 1 / 2;
    align-self: center;
  }

  article .project-list:nth-of-type(1n) .project-image {
    grid-column: 2 / 3;
    grid-row: 2 / 3;
    align-self: center;
  }

  article .project-list:nth-of-type(2n) {
    grid-template-columns: 2fr 3fr;
  }

  article .project-list:nth-of-type(2n) .project-image {
    grid-column: 1 / 2;
    align-self: center;
  }

  article .project-list:nth-of-type(2n) .project-text {
    grid-column: 2 / 3;
    padding: 0 3rem;
  }
}

/* End: Apply conditions to article.php */

article ul {
  max-width: 75ch;
  margin-left: 65ch;
}

.subheadline {
  font-style: italic;
}

.article p {
  max-width: 60ch;
  margin-inline-start: auto;
  margin-inline-end: auto;
}

.subheadline {
  font-style: italic;
  text-align: center;
}