This commit is contained in:
@@ -272,6 +272,10 @@ BREAKPOINTS
|
||||
=-=-=-=-=-=
|
||||
|
||||
Plan: Layout and design each component for the smallest screen size first, then add more elements to each one as the size increases.
|
||||
- “when in doubt, just remove.” (or place in a menu out of main view)
|
||||
- It makes no sense to target individual devices anymore. Instead, add breakpoints where your design breaks.
|
||||
If you start with your design for the smallest device and start to drag your browser window wider, when do the lines become too long to read comfortably?
|
||||
When could you make better use of the screen? That is the point at which to add a Media Query and write some additional CSS.
|
||||
- NAV For example a menu can be fully shown as icons in a larger size but might be behind another click in smaller
|
||||
- Functionality: figure out what the minimum most important things to show at small size then add more "optional" stuff as it increases
|
||||
- Grid: show the Name column first and selector, then add the most relevant columns in order of relevancy
|
||||
|
||||
Reference in New Issue
Block a user