SASS media queries

Question

$break-small: 320px;
$break-large: 1200px;

.profile-pic {
  float: left;
  width: 250px;
  @media screen and (max-width: $break-small) {
    width: 100px;
    float: none;
  }
  @media screen and (min-width: $break-large) {
    float: right;
  }
}

Answer 1

//media queries
$break_m_sm: 300px;
$break_m_md: 375px;
$break_m_lg: 425px;
$break_tablet: 768px;
$break_d_sm: 991px;
$break_d_md: 1024px;
$break_d_lg: 1200px;