From 8f6bb14e69647f7c21b06bd874afcd150fcbc88c Mon Sep 17 00:00:00 2001
From: Debargha Roy <30570555+debargharoy@users.noreply.github.com>
Date: Wed, 2 Jun 2021 12:36:07 +0530
Subject: [PATCH] Minor update to svelte:body-tutorial (#6376)

Switch style/html order
---
 .../05-svelte-body/app-a/App.svelte           | 18 +++++++-------
 .../05-svelte-body/app-b/App.svelte           | 24 +++++++++----------
 2 files changed, 21 insertions(+), 21 deletions(-)

diff --git a/site/content/tutorial/16-special-elements/05-svelte-body/app-a/App.svelte b/site/content/tutorial/16-special-elements/05-svelte-body/app-a/App.svelte
index ad616582e5..d9505bb0c9 100644
--- a/site/content/tutorial/16-special-elements/05-svelte-body/app-a/App.svelte
+++ b/site/content/tutorial/16-special-elements/05-svelte-body/app-a/App.svelte
@@ -5,6 +5,15 @@
 	const handleMouseleave = () => hereKitty = false;
 </script>
 
+<svelte:body/>
+
+<!-- creative commons BY-NC http://www.pngall.com/kitten-png/download/7247 -->
+<img
+	class:curious={hereKitty}
+	alt="Kitten wants to know what's going on"
+	src="tutorial/kitten.png"
+>
+
 <style>
 	img {
 		position: absolute;
@@ -23,12 +32,3 @@
 		overflow: hidden;
 	}
 </style>
-
-<svelte:body/>
-
-<!-- creative commons BY-NC http://www.pngall.com/kitten-png/download/7247 -->
-<img
-	class:curious={hereKitty}
-	alt="Kitten wants to know what's going on"
-	src="tutorial/kitten.png"
->
\ No newline at end of file
diff --git a/site/content/tutorial/16-special-elements/05-svelte-body/app-b/App.svelte b/site/content/tutorial/16-special-elements/05-svelte-body/app-b/App.svelte
index ac946962eb..238da2ab18 100644
--- a/site/content/tutorial/16-special-elements/05-svelte-body/app-b/App.svelte
+++ b/site/content/tutorial/16-special-elements/05-svelte-body/app-b/App.svelte
@@ -5,6 +5,18 @@
 	const handleMouseleave = () => hereKitty = false;
 </script>
 
+<svelte:body
+	on:mouseenter={handleMouseenter}
+	on:mouseleave={handleMouseleave}
+/>
+
+<!-- creative commons BY-NC http://www.pngall.com/kitten-png/download/7247 -->
+<img
+	class:curious={hereKitty}
+	alt="Kitten wants to know what's going on"
+	src="tutorial/kitten.png"
+>
+
 <style>
 	img {
 		position: absolute;
@@ -23,15 +35,3 @@
 		overflow: hidden;
 	}
 </style>
-
-<svelte:body
-	on:mouseenter={handleMouseenter}
-	on:mouseleave={handleMouseleave}
-/>
-
-<!-- creative commons BY-NC http://www.pngall.com/kitten-png/download/7247 -->
-<img
-	class:curious={hereKitty}
-	alt="Kitten wants to know what's going on"
-	src="tutorial/kitten.png"
->
\ No newline at end of file