Using Relative Units & Percentage Widths helps your CSS styles flow across screen sizes. Use min-width media queries ensures that mobile styles get loaded without desktop styles mixed in. Start by listing features, not designing layout. Place key actions where it's easily accessible. Follow the thumb rule to operate their mobile device.
Table of contents
1/ Use Relative Units & Percentage Widths2/ Content (not device width) determines breakpoints3/ Use min-width media queries4/ Start by listing features, not designing layout.5/ Follow the thumb rule6/ Sketch, Design, Code.7/ LT BrowserBig thank you to the folks quoted here.4 Comments
Sort: