header {
  float: right;
  padding-right: 1.4em;
}

main {
  margin: $base-spacing;
  margin-bottom: $base-spacing * 2;

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

.intro,
footer {
  text-align: center;

  .tagline {
    margin-bottom: $small-spacing ;
  }
}

.posts {
  li {
    overflow: hidden;
    margin-bottom: $base-spacing * 1.25;
  }

  h3 {
    margin: 0;
  }

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

    .date {
      @include span-columns(2 of 6);

      text-align: right;
    }
  }
}

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

  span  {
    margin-left: 0.2em;
  }
}

.highlight {
  border-radius: $base-border-radius * 1.5;
  border: 1px solid #E0E0E0;
  font-size: 0.9em;
  font-style: normal;
  padding: 0.1em 0.4em;
}

header {
  float: right;
  padding-right: 1.4em;
}

main {
  margin: $base-spacing;
  margin-bottom: $base-spacing * 2;

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

.intro,
footer {
  text-align: center;

  .tagline {
    margin-bottom: $small-spacing ;
  }
}

.fa-github,
.fa-linkedin-square {
  margin-right: 0.5em;
}

.posts {
  li {
    overflow: hidden;
    margin-bottom: $base-spacing * 1.25;
  }

  h3 {
    margin: 0;
  }

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

    .date {
      @include span-columns(2 of 6);

      text-align: right;
    }
  }
}

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

  span  {
    margin-left: 0.2em;
  }
}

.highlight {
  border-radius: $base-border-radius * 1.5;
  border: 1px solid #E0E0E0;
  font-size: 0.9em;
  font-style: normal;
  padding: 0.1em 0.4em;
}

Add media icon horizontal spacing
Add media icon horizontal spacing
