responsive_grid_container.scss

@mixin grid_container  {
  margin: auto;
  width: 960px;
  //  Tablet Layout: 768px.
  @media only screen and (min-width: 768px) and (max-width: 991px) {
      width: 764px;
  }

  //  Mobile Layout: 320px.
  @media only screen and (max-width: 767px) {
      width: 320px;
  }

  //  Wide Mobile Layout: 480px.
  @media only screen and (min-width: 480px) and (max-width: 767px) {
      width: 480px;
  }
}