How to detect different devices by using media queries

The next list of media queries are necessary to detect several devices (even in portrait and landscape orientation), thanks to CSS Tricks: /* Smartphones (portrait and landscape) ———– */ @media only screen and (min-device-width : 320px) and (max-device-width : 480px) { /* Styles */ } /* Smartphones (landscape) ———– */ @media only screen and (min-width :…