Why is media query not working

HTML & CSS
1

bit puzzled, this works

@media screen and (min-width:298px){
	#wrap{
		width:100%;
		background:#ff0000;
		margin:0px;
	}

	#wrap .banner {
		width:100%;
		height:150px;
		background:#000077 url(imgs/hp-pavilion-20-1-155x103.png)no-repeat left center;
	}
}

this doesnt’

@media screen and (min-width:298px) and (max-width:599){
	#wrap{
		width:100%;
		background:#ff0000;
		margin:0px;
	}

	#wrap .banner {
		width:100%;
		height:150px;
		background:#000077 url(imgs/hp-pavilion-20-1-155x103.png)no-repeat left center;
	}
}

what am i doing wrong please?
thx
D

2

Hi

You missing px off the second query max-width:599px

Give it a try:

@media screen and (min-width:298px) and (max-width:599px){

Barry

1 Like
3

welll drrr. evidently this is my week for putting out dumb questions.
Thank you computerbarry!
d

1 Like
4

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.