responsive

5. Responsive Design and Advanced Selectors/2. RESPONSIVE_DESIGN.md

@@ -41,7 +41,6 @@ Layout using percentages so that content shrinks and expands with window dimensi
 ## Describe the "mobile first" development process
 
 1. Term is mostly used for designers
-	- use https://generalassemb.ly/
 1. Also applies to developers
 	- start by developing mobile and move upward
 	- don't go desktop to mobile
@@ -56,24 +55,29 @@ Layout using percentages so that content shrinks and expands with window dimensi
 
 ## Define media queries and why we need them
 
-1. media query possibilites
+### media query possibilites
-	- http://www.w3schools.com/cssref/css3_pr_mediaquery.asp
+
-	- media types
+- http://www.w3schools.com/cssref/css3_pr_mediaquery.asp
-		- screen
+- media types
-		- print
+	- screen
-		- tv
+	- print
-	- media features
+	- tv
-		- min-width
+- media features
-		- max-width
+	- min-width
-		- min-height
+	- max-width
-		- max-height
+	- min-height
-		- orientation
+	- max-height
-		- resolution
+	- orientation
-1. mobile first with media queries
+	- resolution
-	- mobile devices typically slower
+
-	- will read mobile css and discard larger device css
+### Use mobile-first ideology with media queries
-	- larger devices will read mobile data and overwrite
+
-		- this is okay since they're faster
+Start with mobile device design and then add media queries for larger screens
-	- could also have media queries for small devices too
+
-		- fine, but can get complex with lots of media queries
+- mobile devices typically slower
-		- can scan and assume existing queries are only for large devices
+- will read mobile css and discard larger device css
+- larger devices will read mobile data and overwrite
+	- this is okay since they're faster
+- could also have media queries for small devices too
+	- fine, but can get complex with lots of media queries
+	- can scan and assume existing queries are only for large devices