search

ascott1 / ethical-web-dev

A series of short books on ethical web development
https://ethicalweb.org
191 stars 11 forks source link

Media query overlap #32

Closed contolini closed 8 years ago

contolini commented 8 years ago 
@media (max-width: 600px) {
  /* Smaller device/browser styles */
}

@media (min-width: 600px) {
  /* Large device/browser styles */
}

A 600px wide screen will trigger both media queries. Bump min-width: 600px to min-width: 601px (or max-width: 599px).

https://github.com/ascott1/ethical-web-dev/blob/master/web-apps-that-work-everywhere/03-responsive-design.md#process

ascott1 commented 8 years ago

Math!