Responsive Design - A starting point

Web pages are viewed in response to the size of the browser (computer, tablet, phone).

Bootstrap

• http://getbootstrap.com/
• Examples: http://getbootstrap.com/docs/4.0/examples/
• Grid Demo also checkout Getting Started Example

Flexbox

• Layout mode in CSS3
• http://www.w3schools.com/css/css3_flexbox.asp
• https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Using_CSS_flexible_boxes
• https://css-tricks.com/snippets/css/a-guide-to-flexbox/ - excellent!

Materialize

• http://materializecss.com/

CDN - content delivery network

Bootstrap and Materialize are hosted on servers