From 3b8b60d1dbc501a0c4894c10112b142c7c0bebe0 Mon Sep 17 00:00:00 2001 From: Onkar Ruikar <87750369+OnkarRuikar@users.noreply.github.com> Date: Mon, 13 Nov 2023 14:41:51 +0530 Subject: [PATCH] Apply suggestions from code review Co-authored-by: Chris Mills --- files/en-us/web/css/order/index.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/files/en-us/web/css/order/index.md b/files/en-us/web/css/order/index.md index 330bab8db56f800..1d6c5f48ff45c6e 100644 --- a/files/en-us/web/css/order/index.md +++ b/files/en-us/web/css/order/index.md @@ -11,9 +11,9 @@ The **`order`** [CSS](/en-US/docs/Web/CSS) property sets the order to lay out an {{EmbedInteractiveExample("pages/css/order.html")}} -In above demo select options on the left side to change order of the first purple box. The blue boxes have been given predefined orders. +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. -Notice when the order is set to `2` the purple box is placed before the two blue boxes with order `2`. This is because in source code the purple box has been placed before the two blue boxes. +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