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)
```