The question is exactly what is in the title, referring to the use of the media queries I am in doubt because in examples of some sites they use something like: @media screen and (max-widht:x) and other [...](max-device-width) . I would like to know the difference and which one is the right one to use.