@import "_grid_layout.scss";

.footer-categories, .footer-meta {
  @extend %grid-row;
}

@import "_grid_layout.scss";
@import "_conditionals.scss";
@import "_measurements.scss";

.footer-categories, .footer-meta {
  @extend %grid-row;
}

.footer-meta {
  padding: 0 $gutter-half;
  @include media(tablet) {
    padding: 0;
  }
}

Add side-padding to the footer-meta grid
Add side-padding to the footer-meta grid

It now gets negative margins on both sides
(because it's now a new grid row) so breaks out of
the main column on mobile. This adds the same
spacing back in.
