Fix HTML and CSS order.

5 years ago · 872a1117ca
parent 15c9dbd118
commit 872a1117ca
2 changed files with 18 additions and 10 deletions
--- a/site/content/tutorial/06-bindings/06-select-bindings/app-a/App.svelte
+++ b/site/content/tutorial/06-bindings/06-select-bindings/app-a/App.svelte
@ -14,10 +14,6 @@
 	}
 </script>

-<style>
-	input { display: block; width: 500px; max-width: 100%; }
-</style>
-
 <h2>Insecurity questions</h2>

 <form on:submit|preventDefault={handleSubmit}>
@ -36,4 +32,12 @@
 	</button>
 </form>

-<p>selected question {selected ? selected.id : '[waiting...]'}</p>
+<p>selected question {selected ? selected.id : '[waiting...]'}</p>
+
+<style>
+	input {
+		display: block;
+		width: 500px;
+		max-width: 100%;
+	}
+</style>
--- a/site/content/tutorial/06-bindings/06-select-bindings/app-b/App.svelte
+++ b/site/content/tutorial/06-bindings/06-select-bindings/app-b/App.svelte
@ -14,10 +14,6 @@
 	}
 </script>

-<style>
-	input { display: block; width: 500px; max-width: 100%; }
-</style>
-
 <h2>Insecurity questions</h2>

 <form on:submit|preventDefault={handleSubmit}>
@ -36,4 +32,12 @@
 	</button>
 </form>

-<p>selected question {selected ? selected.id : '[waiting...]'}</p>
+<p>selected question {selected ? selected.id : '[waiting...]'}</p>
+
+<style>
+	input {
+		display: block;
+		width: 500px;
+		max-width: 100%;
+	}
+</style>