Breakpoints are specified widths, where your sites layout will adapt and reflow to fit appropriately to the new device width.
Using media queries and specific pixel sizes, you can change how your site flows and effect its layout. This is a significant move away from the fixed, or even liquid layouts discussed last week.
Please load the following site in another tab, so that you can explore along with the next video.
“Start designing from the content out, rather than the canvas in.” - Mark Bouton
Let the content dictate the breakpoint, not the device of the ‘now’.
Why You Don’t need Device Specific Breakpoints