Inconsistent downloadable starting code for task

[Arvton]

Downloadable starting code

learn/tasks/writing-modes/logical-width-height-download.html
It differs from code shown in online editor.

Online editor code

learn/tasks/writing-modes/logical-width-height.html
Should the writing-mode for the vertical class be declared inside of the editable styles area? It can be declared after the box class styles. This makes the task easier to solve too.

[Arvton]

Permalinks to lead to the files:

Downloadable starting code
https://github.com/mdn/css-examples/blob/4970f5ac6d2726bc128233b531037d0306a9ad08/learn/tasks/writing-modes/logical-width-height-download.html

Online editor
https://github.com/mdn/css-examples/blob/4970f5ac6d2726bc128233b531037d0306a9ad08/learn/tasks/writing-modes/logical-width-height.html

[caugner]

I agree with the OP:

1. In the download version, the .vertical CSS rule could be moved below the .box rule here:
   

   css-examples/learn/tasks/writing-modes/logical-width-height-download.html

   Lines 15 to 26 in 4970f5a

   	.vertical {
   	writing-mode: vertical-rl;
   	}
   	.box {
   	border: 5px solid rebeccapurple;
   	background-color: lightgray;
   	padding: 40px;
   	margin: 40px;
   	width: 200px;
   	height: 100px;
   	}

2. In the editor version, the .vertical CSS rule should be moved inside the editable block:
   

   css-examples/learn/tasks/writing-modes/logical-width-height.html

   Lines 7 to 23 in 4970f5a

   	<style>
   	.vertical {
   	writing-mode: vertical-rl;
   	}
   	</style>
   	<style class="editable">
   	.box {
   	border: 5px solid rebeccapurple;
   	background-color: lightgray;
   	padding: 40px;
   	margin: 40px;
   	width: 200px;
   	height: 100px;
   	}
   	</style>

   
   And it also needs to be added inside the textarea:
   

   css-examples/learn/tasks/writing-modes/logical-width-height.html

   Lines 32 to 41 in 4970f5a

   	<textarea class="playable playable-css" style="height: 180px;">
   	.box {
   	border: 5px solid rebeccapurple;
   	background-color: lightgray;
   	padding: 40px;
   	margin: 40px;
   	width: 200px;
   	height: 100px;
   	}
   	</textarea>

[pragyamishra56]

@caugner Sir could you assign me this issue?