CODEWITHSUNDEEP
cssresponsive-designmedia-queries
Steve
Steve

Reputation: 1765

media query not being applied @media screen and (max-width:960px}

On this page, I have layout:

<body>
  <div id="container">
        ...
  </div>
</body>

and CSS: 

#container {
    width: 960px;
    margin: 1em auto;   
}
@media screen and (max-width:960px} {
    #container {
        width: 100%;
    }   
}

However, when I view the page in Firefox responsive view, the #container does not shrink to 100% width when the view port is less than 961px.

Upvotes: 0

Views: 737

Answers (1)

user2182349
user2182349

Reputation: 9782

Change the } that is after the (max-width:960px} to be a )

Upvotes: 2

Related Questions