SCSS Media Query


분기점은 변수로 만들고, @content로 내용이 비워져있는 믹스인을 작성
```type// Break Point$tablet: 768px;$laptop: 1020px;$desktop: 1400px;  // Mixins@mixin tablet {  @media (min-width: #{$tablet}) {    @content;  }} @mixin laptop {  @media (min-width: #{$laptop}) {    @content;  }}  @mixin desktop {  @media (min-width: #{$desktop}) {    @content;  }}```


```type.logo {  width: 20px;   @include desktop {    width: 40px;  }}```





> [반응형 웹 뚝딱 만들기 (1) - 뷰포트 메타태그와 미디어 쿼리](https://nykim.work/84)





