1.) You are using min-device-width
and max-device-width
which are targeting devices (phones, tablets).
Instead, use min-width
and max-width
.
This, in conjunction with
<meta name="viewport" content="width=device-width,initial-scale=1"/>
should be sufficient.
2.) You have the <meta>
tag inside the <style>
tags - it needs to be outside. Try it above the opening <style>
tag.
3.) CSS comments are /* comment */
not <!--comment-->
.
Change these three things and your code should work.