added additional comments to css for tweaking mobile experience

Kaylea Nelson · Kaylea Nelson · commit 2d24402f3bc2 · 2013-12-04T15:16:28.000-05:00
diff --git a/css/style.css b/css/style.css
@@ -56,9 +56,9 @@ body{
 
 #wrapper{
 	margin:0 auto;
-	max-width:960px;
+	max-width:960px; 
 	padding:0 10px;
-	min-width: 320px;
+	min-width: 320px; /* min-width of whole site */
 }
 
 a{
@@ -435,6 +435,8 @@ section.install ul li a.right{
 	float: right;
 }
 
+
+/* Make tweaks here to accomodate additional tabs */
 @media all and (max-width: 630px) {
 	section.install ul li a{
 		padding:10px 2px;
@@ -452,6 +454,7 @@ section.install ul li a.right{
 		display: none;
 	}
 }
+/* end changes */
 
 
 section.install ul li:first-child a{

Original file line number	Diff line number	Diff line change
`@@ -56,9 +56,9 @@ body{`
`56`	`56`
`57`	`57`	`#wrapper{`
`58`	`58`	`margin:0 auto;`
`59`		`- max-width:960px;`
	`59`	`+ max-width:960px;`
`60`	`60`	`padding:0 10px;`
`61`		`- min-width: 320px;`
	`61`	`+ min-width: 320px; /* min-width of whole site */`
`62`	`62`	`}`
`63`	`63`
`64`	`64`	`a{`
`@@ -435,6 +435,8 @@ section.install ul li a.right{`
`435`	`435`	`float: right;`
`436`	`436`	`}`
`437`	`437`
	`438`	`+`
	`439`	`+/* Make tweaks here to accomodate additional tabs */`
`438`	`440`	`@media all and (max-width: 630px) {`
`439`	`441`	`section.install ul li a{`
`440`	`442`	`padding:10px 2px;`
`@@ -452,6 +454,7 @@ section.install ul li a.right{`
`452`	`454`	`display: none;`
`453`	`455`	`}`
`454`	`456`	`}`
	`457`	`+/* end changes */`
`455`	`458`
`456`	`459`
`457`	`460`	`section.install ul li:first-child a{`