This handy image explains how the min-width and the max-width properties work. Since we work mobile first, we’ll be using the min-width property most often.
Media Queries
Media queries allow you to apply the CSS differently according to the media type (type of device) and media features (viewport status). Previously, you were able to use the media type only and create websites with fixed layouts. However, smart phones, tablets, and other devices with various resolutions require a liquid layout. HTML5 now makes […]
Breakpoints
These are defined places where the layout of the page shifts from one configuration to another. This is determined by the content within the page and not necessarily set to something based upon a set device’s width. For example, 480px might be a good place to set your first breakpoint for tablet, but if the […]