Are you first timer at lazacode.org? Why not join us and start exchange your programming knowledge with everyone. Register today!

SASS media queries

0 votes
52 views
added Aug 9, 2017 in SCSS by Callum Sergeant (1,480 points)
edited Jul 18 by LC Marshal
$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;
  }
}

1 Response

0 votes
responded Jul 18 by LC Marshal Lieutenant (13,870 points)
//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;

 

lazacode.org - Malaysia's programming knowledge sharing platform, where everyone can share their finding as reference to others.
...