section {
  margin-left: 3em;
  margin-right: 3em;

  @include media($large-screen-up) {
    margin-left: auto;
    margin-right: auto;
    max-width: 36em;
  }
}

header {
  margin-top: 4em;
}

.type-system-sans .type {
  font-size: 0.9em;
}

main {
  margin-bottom: 1.5em;
}

li {
  p {
    display: none;
  }

  @include media($large-screen-up) {
    h2 {
      @include span-columns(4 of 6);
    }
    p {
      @include span-columns(2 of 6);

      text-align: right;
    }
  }
}

.share  {
  img,
  span  {
    vertical-align: middle;
  }

  span  {
    margin-left: 0.2em;
  }
}

section {
  margin-left: 3em;
  margin-right: 3em;

  @include media($large-screen-up) {
    margin-left: auto;
    margin-right: auto;
    max-width: 36em;
  }
}

header {
  margin-top: 4em;
}

.type-system-sans .type {
  font-size: 0.9em;
}

main {
  margin-bottom: 1.5em;
}

li {
  p {
    display: none;
  }

  @include media($large-screen-up) {
    @include clearfix;

    h2 {
      @include span-columns(4 of 6);
    }
    p {
      @include span-columns(2 of 6);

      text-align: right;
    }
  }
}

.share  {
  img,
  span  {
    vertical-align: middle;
  }

  span  {
    margin-left: 0.2em;
  }
}

Add clearfix to article list
Add clearfix to article list
