improve textarea example

Author: Rich Harris

content/tutorial/01-svelte/06-bindings/05-textarea-inputs/README.md

@@ -6,14 +6,14 @@ The `<textarea>` element behaves similarly to a text input in Svelte — use `bi
 
 ```svelte
 /// file: App.svelte
-<textarea bind:value={value}></textarea>
+<textarea +++bind:value=+++{value}></textarea>
 ```
 
 In cases like these, where the names match, we can also use a shorthand form:
 
 ```svelte
 /// file: App.svelte
-<textarea bind:value></textarea>
+<textarea +++bind:value+++></textarea>
 ```
 
 This applies to all bindings, not just textareas.

content/tutorial/01-svelte/06-bindings/05-textarea-inputs/app-a/src/lib/App.svelte

@@ -1,15 +1,27 @@
 <script>
 	import { marked } from 'marked';
-	let value = `Some words are *italic*, some are **bold**`;
+	let value = `Some words are *italic*, some are **bold**\n\n- lists\n- are\n- cool`;
 </script>
 
-{@html marked(value)}
+<div class="grid">
+	input
+	<textarea {value}></textarea>
 
-<textarea {value}></textarea>
+	output
+	<div>{@html marked(value)}</div>
+</div>
 
 <style>
+	.grid {
+		display: grid;
+		grid-template-columns: 5em 1fr;
+		grid-template-rows: 1fr 1fr;
+		grid-gap: 1em;
+		height: 100%;
+	}
+
 	textarea {
-		width: 100%;
-		height: 200px;
+		flex: 1;
+		resize: none;
 	}
 </style>

content/tutorial/01-svelte/06-bindings/05-textarea-inputs/app-b/src/lib/App.svelte

@@ -1,15 +1,27 @@
 <script>
 	import { marked } from 'marked';
-	let value = `Some words are *italic*, some are **bold**`;
+	let value = `Some words are *italic*, some are **bold**\n\n- lists\n- are\n- cool`;
 </script>
 
-{@html marked(value)}
+<div class="grid">
+	input
+	<textarea bind:value></textarea>
 
-<textarea bind:value></textarea>
+	output
+	<div>{@html marked(value)}</div>
+</div>
 
 <style>
+	.grid {
+		display: grid;
+		grid-template-columns: 5em 1fr;
+		grid-template-rows: 1fr 1fr;
+		grid-gap: 1em;
+		height: 100%;
+	}
+
 	textarea {
-		width: 100%;
-		height: 200px;
+		flex: 1;
+		resize: none;
 	}
 </style>

content/tutorial/common/src/app.html

@@ -23,6 +23,7 @@
 				font-family: var(--font);
 				line-height: 1.5;
 				margin: 1rem;
+				height: calc(100vh - 2rem);
 			}
 
 			h1,