From a987b37a675b0648adb93ced2fd88af725de996e Mon Sep 17 00:00:00 2001
From: Richard Harris <richard.a.harris@gmail.com>
Date: Mon, 15 Apr 2019 00:21:31 -0400
Subject: [PATCH] make keyed each block example a bit better. still not great
 though

---
 .../03-logic/04-keyed-each-blocks/App.svelte   | 18 +++++++++++++++---
 1 file changed, 15 insertions(+), 3 deletions(-)

diff --git a/site/content/examples/03-logic/04-keyed-each-blocks/App.svelte b/site/content/examples/03-logic/04-keyed-each-blocks/App.svelte
index 73a2dcc609..5cd279d7a7 100644
--- a/site/content/examples/03-logic/04-keyed-each-blocks/App.svelte
+++ b/site/content/examples/03-logic/04-keyed-each-blocks/App.svelte
@@ -18,6 +18,18 @@
 	Remove first thing
 </button>
 
-{#each things as thing (thing.id)}
-	<Thing value={thing.value}/>
-{/each}
\ No newline at end of file
+<div style="display: grid; grid-template-columns: 1fr 1fr; grip-gap: 1em">
+	<div>
+		<h2>Keyed</h2>
+		{#each things as thing (thing.id)}
+			<Thing value={thing.value}/>
+		{/each}
+	</div>
+
+	<div>
+		<h2>Unkeyed</h2>
+		{#each things as thing}
+			<Thing value={thing.value}/>
+		{/each}
+	</div>
+</div>
\ No newline at end of file