Why min-width instead of max-width? Let’s say you designed your site when the iPhone 5 was first released. You used max-width: 320px for your iPhone/mobile style. Months later, the iPhone 6 is released and now your CSS needs updated to have another max-width media query, or else the iPhone 6 […]
Tag: Media Queries
Intro to Media Queries and Responsive Design
What are CSS Media Queries? W3 Schools has a good definition: The @media rule is used to define different style rules for different media types/devices. In CSS2 this was called media types, while in CSS3 it is called media queries. Media queries look at the capability of the device, and […]