CODEWITHSUNDEEP
cssresponsive-designmedia-queries
vep temp
vep temp

Reputation: 267

CSS - @media queries

/* 1024 and above desktop ------ */
@media only screen
and (min-width: 1008px){
    /* Styles */
    .outerBox{
        width: 796px;
    }

@media only screen
and (min-width: 600px)
and (max-width: 640px){
    /* Styles */
    .outerBox{
        width: 600px;
    }
}

The queries above doesn't seem to work properly when applied together..as only the first one works when both applied and if I remove the first one the second one works fine..

Upvotes: 0

Views: 106

Answers (1)

Tobias
Tobias

Reputation: 7771

Your first rule is missing the closing }:

/* 1024 and above desktop ------ */
@media only screen
and (min-width: 1008px){
    /* Styles */
    .outerBox{
        width: 796px;
    }
}

Upvotes: 4

Related Questions