CSS CSS Layout Basics Getting Started with CSS Layout Using a Mobile First Approach

Colton Shaw
Colton Shaw
3,510 Points
Posted by Colton Shaw
Colton Shaw
3,510 Points

Media Queries

I don't know if it's just me, but the media queries do not seem to work on Chrome. here is my code.

@media (min-width: 769px) {
  .container {
    width: 70%;
    max-width: 1000px;
    margin: 0 auto;
  }
}
Antony Collett
Antony Collett
2,468 Points
Antony Collett
Antony Collett
2,468 Points

Also, make sure to refresh the browser. Sometimes it can help to clear the cache too.

1 Answer

Sergey Podgornyy
Sergey Podgornyy
20,653 Points
Sergey Podgornyy
Sergey Podgornyy
20,653 Points

Try to write :

@media screen and (min-width: 769px) { ... }