[css-grid-3][editorial] Fix example to point to the new image.

Author: tabatkins

css-grid-3/Overview.bs

@@ -718,15 +718,27 @@ Masonry Placement</h2>
 	into the “shortest” masonry track available.
 
 	<div class="example">
-		Here's a masonry layout <a href="examples/pinterest-with-span.html">example</a>
-		demonstrating placed and spanning items:
+		Here's a masonry layout demonstrating placed and spanning items:
+
+		<pre highlight=css>
+		.container {
+			grid-template-columns: repeat(3, auto);
+		}
+		.container > :nth-child(2) {
+			/* auto-placed, but spanning. */
+			grid-column: span 2;
+		}
+		.container > :nth-child(3) {
+			/* manually placed */
+			grid-column: 3;
+		}
+		/* all other children are auto-placed */
+		</pre>
 
 		<figure>
-			<img src="images/example-pinterest-with-span.png">
+			<img src="images/example-span-and-manual.png">
 			<figcaption>Rendering of the example above.</figcaption>
 		</figure>
-
-		ISSUE: Need a better example!!!
 	</div>
 
 <h3 id="masonry-placement-grid-option">