fix(css): on 'order' page explain 'Try it' section (mdn#30213)

* fix(css): explain 'Try it' section * Reword * Apply suggestions from code review Co-authored-by: Chris Mills <[email protected]> --------- Co-authored-by: Chris Mills <[email protected]>
OnkarRuikar · Nov 15, 2023 · a0371ae · a0371ae
1 parent 68f2790
commit a0371ae
Showing 1 changed file with 4 additions and 0 deletions.
diff --git a/files/en-us/web/css/order/index.md b/files/en-us/web/css/order/index.md
@@ -11,6 +11,10 @@ The **`order`** [CSS](/en-US/docs/Web/CSS) property sets the order to lay out an
 
 {{EmbedInteractiveExample("pages/css/order.html")}}
 
+In the above demo, select the options on the left-hand side to change the value of the purple box's `order` property. The blue boxes have been given fixed `order` values.
+
+Bear in mind the effect of source order. When `order: 2;` is selected for example, the purple box is placed before the two blue boxes with `order: 2;`. This is because the purple box appears before the blue boxes in the source code.
+
 ## Syntax
 
 ```css