.dev-documentation {
  padding-top: 2rem;
  padding-bottom: 1rem;
}

.dev-documentation h1 {
  padding-left: 4rem;
  margin-bottom: 0.6em;
}

.dev-documentation__section {
  margin-bottom: 2rem;
  padding: 0 0 4rem 4rem;
  border-width: 3px;
  border-color: #ddd;
  border-bottom-style: solid;
}

.dev-documentation__section:last-of-type {
  border-bottom: none;
}

@media screen and (max-width: 50em) {
  .dev-documentation h1 {
    padding-left: 1rem;
  }

  .dev-documentation__section {
    padding: 0 0 1rem 1rem;
  }

  .dev-documentation__section:last-of-type {
    padding-bottom: 1rem;
  }
}

.dev-documentation {
  padding-top: 3rem;
  padding-bottom: 1rem;
}

.dev-documentation h1 {
  padding-left: 4rem;
  margin-bottom: 0.6em;
}

.dev-documentation__section {
  margin-bottom: 3rem;
  padding: 0 2rem 3rem 4rem;
  border-width: 2px;
  border-color: hsl(0, 0%, 86%);
  border-bottom-style: solid;
}

.dev-documentation__section:last-of-type {
  border-bottom: none;
}

@media screen and (max-width: 50em) {
  .dev-documentation h1 {
    padding-left: 1rem;
  }

  .dev-documentation__section {
    padding: 0 1rem 1rem 1rem;
  }

  .dev-documentation__section:last-of-type {
    padding-bottom: 1rem;
  }
}

Adjust docs spacing and typography
Adjust docs spacing and typography
