I am very new to the world of media queries, and it\'s clear there\'s something fundamental I\'m missing about the difference between width and device-width -- other than th
device-width
is deprecated in Media Queries Level 4.
Refer to MDN docs here for more details.
So, width
and height
features should be used to consider the width and height of the viewport respectively.
P.S. These are range features they can be prefixed with min-
or max-
to express "minimum condition" or "maximum condition" constraints. Reference here.