Can someone tell me why text colour will not change when the screen is reduced to under 450px?

Question

h1{
Color: red;
font-size:50px;
}
@media only screen and (max-width:450px){
h1{
color : blue;
}

}

Answer 1

increase your max-width to 550px to max if you want the front to be blue if that's not the case your h1 was already defined to red so you cant do nothing about it.

Answer 2

@media without space
and color not colour

Answer 3

But why 550px not under 450px