bauke-xyz/source/scss/_variables.scss

$small-breakpoint: 600px;
$medium-breakpoint: 900px;
$large-breakpoint: 1200px;
$extra-large-breakpoint: 1800px;

@mixin responsive-container {
  margin-left: auto;
  margin-right: auto;
  width: $small-breakpoint;

  @media (max-width: $small-breakpoint) {
    width: 100%;
  }
}