MusareReact/frontend/app/styles/_breakpoints.scss

@mixin responsive($breakpoint) {
  @if $breakpoint == "smallest" {
	//@media (min-width: 320px) {
	  @content;
	//}
  }

  @else if $breakpoint == "small" {
	@media (min-width: 600px) {
	  @content;
	}
  }

  @else if $breakpoint == "medium" {
	@media (min-width: 900px) {
	  @content;
	}
  }

  @else if $breakpoint == "large" {
	@media (min-width: 1200px) {
	  @content;
	}
  }

  @else if $breakpoint == "largest" {
	@media (min-width: 1800px) {
	  @content;
	}
  }
}