Bootstrap - half-width container

_half-container.scss

/*
 * Half of a Bootstrap container
 * 
 * Useful when one of the columns is supposed to match the grid,
 * and the other stretch to 50% of the viewport.
 */
$container-half-widths: (
  md: map-get($container-max-widths, md) / 2,
  lg: map-get($container-max-widths, lg) / 2,
  xl: map-get($container-max-widths, xl) / 2
);

.container-half {
  @include make-container();
  @include make-container-max-widths($container-half-widths);
}