e">_component.scss</figcaption>
    <pre class="code-example-code"><code class="language-scss">.container-1 {
  @include breakpoint('md+') {
    background-color: red; // background will be red at md and larger
  }
}

.container-2 {
  @include breakpoint('md-') {
    background-color: green; // background will be green at md and smaller
  }
}

.container-3 {
  @include breakpoint('md') {
    background-color: blue; // background will be green at only md
  }
}

.container-4 {
  @include breakpoint('md') {
  