.content {
  background-color: $content-background-color;
  padding-top: 2em;
  padding-bottom: 2em;
}

.container {
  @include grid-row();
  padding-left: $column-gutter / 2;
  padding-right: $column-gutter / 2;
}

.button, input[type="submit"].button {
  @extend .radius;
}

.code-sample {
  margin: 1em;
}

.help-api p {
  margin-top: 0.6em
}

.aka-note {
  font-size: 80%
}

pre {
  font-family: $code-font-family;
}
.content {
  background-color: $content-background-color;
  padding-top: 2em;
  padding-bottom: 2em;
}

.container {
  max-width: 960px; // for browsers that don't understand rems
  @include grid-row();
  padding-left: $column-gutter / 2;
  padding-right: $column-gutter / 2;
}

.button, input[type="submit"].button {
  @extend .radius;
}

.code-sample {
  margin: 1em;
}

.help-api p {
  margin-top: 0.6em
}

.aka-note {
  font-size: 80%
}

pre {
  font-family: $code-font-family;
}
Set a fallback max-width for the site in pixels
Set a fallback max-width for the site in pixels

Foundation 5 doesn’t support IE8 or below, but the only place
lack of rem unit support really hurts us is in the max-width
of grid-rows (like .container). Setting a max-width in pixels
first, means at least the site is legible in IE7-8.
