CODEWITHSUNDEEP
htmlcssresponsive-design
Adriano Varlotta
Adriano Varlotta

Reputation: 525

Some @media querys works, others not

Im using bootstrap and own style.css.

I dont know some @media works some doesn't.

Code: 

    .col-md-4.acompanhantes {
    margin-bottom: 30px;
    float: left;
    }
    @media (max-width: 1200px){...}
    @media (max-width:1000px){...}
    @media (max-width:992px){
    .col-md-4.acompanhantes {width:50%;}
    }
    @media (max-width: 767px){...}
    @media (max-width: 700px){...}
    @media (max-width:550px;){
    .col-md-4.acompanhantes {width:100%;}
    }
    @media (max-width:480px;){...}

Code on max-width:550 does not work, may some conflict with bootstrapm, i dont know.

For exemple ".col-md-4.acompanhantes" does not work on max-width:550 but works on max-width:992px.

Thanks

Upvotes: 0

Views: 43

Answers (1)

macbem
macbem

Reputation: 1230

You have a semicolon just after max-width: 550px, which makes your media query fail because of invalid syntax.

Try removing it to fix this issue.

Upvotes: 1

Related Questions