What is the css3 and html5 coding for media query? Cant remember how to change the coding the make.it look good on mobile form

Answer 1

@media screen and (max-width: 430px) {
/* CSS codes for mobile here */
}

any screen lower than 430px will surely use the code of the media query above. You could also change the max-width.

Answer 2

@Oeoes Roy you are right. @Andrew Lee I'm not sure what the problem might be, but make sure the media query code is last(bottom) of the cascading style sheet. Also you could just write it this way, without the screen it still works:

/* Mobile */
@media and (max-width: 520px) {
*css code here*
}

/* Large Screens */
@media and (min-width: 521px) {
*css code here*
}

Or I suggest you post it here so we all help you, thanks.

Answer 3

yeah it's correct

Answer 4

@media screen and (min-width :430px){
//Css code
}
And any screen "higher" than 430px will use this media query code, isn't it? @Ben Bright CMIIW

Answer 5

so id type:

@media screen and (max-width: 430px) {
*enter css here*
}

is this correct?

Answer 6

Ben, I tried it. doesnt work. Am I missing something from html that I should put in?