.about-section__body {
  margin-top: var(--space-5);
  max-width: var(--text-width);
  font-size: var(--step-md);
}

.project-grid {
  margin-top: var(--space-7);
}

@media (max-width: 40rem) {
  section {
    padding-block: var(--space-7);
  }

  .container {
    padding-inline: var(--space-5);
  }

  .project-card__header {
    padding: var(--space-5) var(--space-5) var(--space-4);
  }

  .project-card__body {
    padding: var(--space-5);
  }
}