docs: Moving a div down in tutorial toh-pt6.md (#47095)

aselunar · Pawel Kozlowski · commit 777803c9fe80 · 2022-08-11T16:09:51.000Z
PR Close #47095
diff --git a/aio/content/tutorial/toh-pt6.md b/aio/content/tutorial/toh-pt6.md
@@ -300,16 +300,6 @@ The component's `delete()` method immediately removes the *hero-to-delete* from
 
 There's really nothing for the component to do with the `Observable` returned by `heroService.deleteHero()` **but it must subscribe anyway**.
 
-<div class="alert is-important">
-
-If you neglect to `subscribe()`, the service can't send the delete request to the server.
-As a rule, an `Observable` *does nothing* until something subscribes.
-
-Confirm this for yourself by temporarily removing the `subscribe()`, clicking **Dashboard**, then clicking **Heroes**.
-This shows the full list of heroes again.
-
-</div>
-
 Next, add a `deleteHero()` method to `HeroService` like this.
 
 <code-example header="src/app/hero.service.ts (delete)" path="toh-pt6/src/app/hero.service.ts" region="deleteHero"></code-example>
@@ -323,6 +313,16 @@ Notice the following key points:
 
 Refresh the browser and try the new delete capability.
 
+<div class="alert is-important">
+
+If you neglect to `subscribe()`, the service can't send the delete request to the server.
+As a rule, an `Observable` *does nothing* until something subscribes.
+
+Confirm this for yourself by temporarily removing the `subscribe()`, clicking **Dashboard**, then clicking **Heroes**.
+This shows the full list of heroes again.
+
+</div>
+
 ## Search by name
 
 In this last exercise, you learn to chain `Observable` operators together so you can reduce the number of similar HTTP requests to consume network bandwidth economically.
