- What is responsive design?
- Why does responsive design work for any device?
- Remote debugging and emulation in the browser
- Why start small and build up?
- What is the viewport?
- Sizing content the content to the viewport
- avoiding static sized items
- Touch targets, and why they should be large
- CSS media queries
- What is a breakpoint, and how to choose one
- Using the CSS flexbox to modify layout
- Mostly fluid pattern
- Column drop pattern
- Layout shifter pattern
- Off canvas pattern
- Minor break points
- Optimizing text layout
- font size
- optimal line length
- Responsive tables, and strategies for dealing with them
[Udacity: Responsive Web Design Fundamentals] (https://www.udacity.com/course/ud893)
Google Developers: Responsive Web Design Basics
[Google Developers: Images] (https://developers.google.com/web/fundamentals/media/images/)