> It's far better to put the query near the middle of two resolutions eg 900px instead. Media queries should be generalized to cover the layout for devices up t

> It's far better to put the query near the middle of two resolutions eg 900px instead. Media queries should be generalized to cover the layout for devices up to that point I actually think that media queries shouldn't consider devices at all when writing styles, and should instead be unique and specific to the component. Build the component's smallest resolution first, and add a new `min-width` breakpoint when it looks weird as you scale it up. That's because there is no "middle of two resolutions." Today, there are so many device sizes, and there's no sense in designing your entire site around some random set of 5 of them. Assert that your site looks good on specific devices relevant to your demographic during QA.