examples including named grid lines syntax change now work in Canary.

rachelandrew · rachelandrew · commit bdc935843612 · 2015-06-30T18:21:07.000+01:00
diff --git a/ch2-boxy-hover.html b/ch2-boxy-hover.html
@@ -8,7 +8,7 @@
     		font-family: Optima,Segoe,Segoe UI,Candara,Calibri,Arial,sans-serif; font-size: 32px; font-style: normal; font-variant: normal; font-weight: 500;
     		text-align: center;
     	}
-    	img { object-fit: cover;  border-radius: 10px ; display: block; max-width: 100%; }
+    	img { object-fit: cover;  border-radius: 10px ; display: block; max-width: 100%; max-height: 100%;}
     	img:hover {    		z-index: 10;
     		box-shadow: 10px 10px 20px 0px rgba(0,0,0,0.75);
         }
diff --git a/ch2-boxy.html b/ch2-boxy.html
@@ -8,7 +8,7 @@
     		font-family: Optima,Segoe,Segoe UI,Candara,Calibri,Arial,sans-serif; font-size: 32px; font-style: normal; font-variant: normal; font-weight: 500;
     		text-align: center;
     	}
-    	img { object-fit: cover;  border-radius: 10px ; display: block; max-width: 100%; }
+    	img { object-fit: cover;  border-radius: 10px ; display: block; max-width: 100%; max-height: 100%; }
     
 
     	.wrapper {
diff --git a/ch3-boxy.html b/ch3-boxy.html
@@ -8,13 +8,13 @@
     		font-family: Optima,Segoe,Segoe UI,Candara,Calibri,Arial,sans-serif; font-size: 32px; font-style: normal; font-variant: normal; font-weight: 500;
     		text-align: center;
     	}
-    	img { object-fit: cover;  border-radius: 10px ; display: block; max-width: 100%; margin-bottom: 20px; }
+    	img { object-fit: cover;  border-radius: 10px ; display: block; max-width: 100%; max-height: 100%; margin-bottom: 20px; }
 
     	@media only screen and (min-width: 720px) {
 	    	.wrapper {
 	    		display: grid;
 	    		grid-template-columns: repeat(13, [gutter] 10px [col] 1fr) ;
-	    		grid-template-rows: (row) auto repeat(13, [gutter] 10px [row] 60px);
+	    		grid-template-rows: [row] auto repeat(13, [gutter] 10px [row] 60px);
 	    	}
 
 	    	header { 

Original file line number	Diff line number	Diff line change
`@@ -8,7 +8,7 @@`
`8`	`8`	`font-family: Optima,Segoe,Segoe UI,Candara,Calibri,Arial,sans-serif; font-size: 32px; font-style: normal; font-variant: normal; font-weight: 500;`
`9`	`9`	`text-align: center;`
`10`	`10`	`}`
`11`		`- img { object-fit: cover; border-radius: 10px ; display: block; max-width: 100%; }`
	`11`	`+ img { object-fit: cover; border-radius: 10px ; display: block; max-width: 100%; max-height: 100%;}`
`12`	`12`	`img:hover { z-index: 10;`
`13`	`13`	`box-shadow: 10px 10px 20px 0px rgba(0,0,0,0.75);`
`14`	`14`	`}`
Original file line number	Diff line number	Diff line change
`@@ -8,13 +8,13 @@`
`8`	`8`	`font-family: Optima,Segoe,Segoe UI,Candara,Calibri,Arial,sans-serif; font-size: 32px; font-style: normal; font-variant: normal; font-weight: 500;`
`9`	`9`	`text-align: center;`
`10`	`10`	`}`
`11`		`- img { object-fit: cover; border-radius: 10px ; display: block; max-width: 100%; margin-bottom: 20px; }`
	`11`	`+ img { object-fit: cover; border-radius: 10px ; display: block; max-width: 100%; max-height: 100%; margin-bottom: 20px; }`
`12`	`12`
`13`	`13`	`@media only screen and (min-width: 720px) {`
`14`	`14`	`.wrapper {`
`15`	`15`	`display: grid;`
`16`	`16`	`grid-template-columns: repeat(13, [gutter] 10px [col] 1fr) ;`
`17`		`- grid-template-rows: (row) auto repeat(13, [gutter] 10px [row] 60px);`
	`17`	`+ grid-template-rows: [row] auto repeat(13, [gutter] 10px [row] 60px);`
`18`	`18`	`}`
`19`	`19`
`20`	`20`	`header {`