Responsive web - rosalsm/TIY-GitHub GitHub Wiki
from Lacey: Including the advice of using everything in the 3 views or maybe some view could be overwritten!!!!!
@media (max-width: 767px) { //MOBILE
}
@media (max-width: 1024px) and (min-width: 768px){ //TABLET
}
@media (min-width: 1025px) { //DESKTOP
}
remember to
`@import "mobile" and "tablet" //custom styles// in your main.scss for
your _mobile.scss and _tablet.scss`
for _mobile.scss
```
@media only screen and (max-device-width: 568px){
}
and (max-device-width: 568px)
and (-webkit-min-device-pixel-ratio: 2)
```
for _tablet.scss
```
@media only screen and (max-device-width: 1024px){
}
and (max-device-width: 1024px)
and (-webkit-min-device-pixel-ratio:1)
```