CODEWITHSUNDEEP
cssresponsive-designmedia-queries
John Smith
John Smith

Reputation: 19

Media query not working for < 480

I'm using simple css code one is working other is not.

@media (min-width: 480px){
 .image { 
  margin-left: 249px;
 }
}
@media(min-width:985px){
    .col-md-3  {
    width: 207px;
    float: left;
    margin-left: 11px;
    }
}

if screen is or lower than 985 than it works but not when i bring my browser to 480 and under.

What i'm doing wrong ?

Upvotes: 1

Views: 1219

Answers (1)

Stephan Muller
Stephan Muller

Reputation: 27600

Your first rule says min-width: 480px so it will only work when the width is 480px or more.

For "480 and under" use max-width: 480px instead

Upvotes: 4

Related Questions