+ 2

CSS Responsive Web Design- Media Queries aren’t working

Hello all! I am having trouble using Media Queries to create responsive web design for different device sizes. I will post the code to show what I’m doing and let me know where I’m going wrong! The media query makes no change to the element. HTML <head> <meta name=“viewport” content=“width=device-width, initial-scale=1.0”> </head> CSS @media screen and (max-width: 600px) { h2{ font-size: 30px; } }

26th Jun 2018, 8:18 PM
Zac Weber
Zac Weber - avatar
10 Answers
+ 2
can u post a link to the code?
26th Jun 2018, 8:30 PM
∞ InfinĂ­tє ĐĄÏƒdєr ∞
∞ InfinĂ­tє ĐĄÏƒdєr ∞ - avatar
+ 2
ok so its fine?
26th Jun 2018, 8:33 PM
∞ InfinĂ­tє ĐĄÏƒdєr ∞
∞ InfinĂ­tє ĐĄÏƒdєr ∞ - avatar
+ 2
@media only screen and (max-width: 600px) { h2{ font-size: 30px; } }
26th Jun 2018, 8:36 PM
∞ InfinĂ­tє ĐĄÏƒdєr ∞
∞ InfinĂ­tє ĐĄÏƒdєr ∞ - avatar
+ 1
try that
26th Jun 2018, 8:36 PM
∞ InfinĂ­tє ĐĄÏƒdєr ∞
∞ InfinĂ­tє ĐĄÏƒdєr ∞ - avatar
+ 1
Im interested to see what u make!
26th Jun 2018, 9:33 PM
∞ InfinĂ­tє ĐĄÏƒdєr ∞
∞ InfinĂ­tє ĐĄÏƒdєr ∞ - avatar
+ 1
thank you!!
26th Jun 2018, 9:34 PM
Zac Weber
Zac Weber - avatar
0
thank you guys! i figured it out, i just created a seprate stylesheets and now it works just fine
26th Jun 2018, 9:29 PM
Zac Weber
Zac Weber - avatar