Editing Responsive design (section)

=Responsive Webdesign: 3 basic techniques =

'''Flexible layout:''' Don't use pixels for sizes or positioning. 

Since screens come in a wide variety of widths, it makes no sense to create a page at a fixed width; instead, you want the page to grow or shrink to fit the particular device

'''Media queries:''' Set specific CSS rules for specific screen sizes 

You can only get so far with creating a flexible layout. If screen sizes become too different, the whole layout may need to change. For example: on a PC screen a multiple column layout can work very well, but this simply won't fit on a smartphone screen. Therefore, you could switch to a one column layout on certain screen sizes. 

'''flexible media:''' 

lets your images and videos scale to fit the appropriate screen real estate…big photos for big monitors, smaller photos for small screens


==References==
Sawyer MacFarland. 2015. &quot;CSS: The Missing Manual&quot;. 4th edition [https://anonfile.com/xfzcG1d8bc/CSS__The_Missing_Manual_-_David_Sawyer_McFarland.epub link]

[https://internetingishard.com/html-and-css/responsive-design/ Interneting is Hard on Responsive Design]