fix: fixed content

Author: NataliaTepluhina

src/tutorial/src/step-4/App/template.html

@@ -2,9 +2,6 @@
   <div class="panel">
     <h1>Guess the Color</h1>
     <h2>Number of colors: {{ colorsNumber }}</h2>
-    <label for="colors">
-      Enter number of colors and press Enter:
-      <input id="colors" type="number" v-model="colorsNumber" min="2" max="10" />
-    </label>
+    <input type="number" :value="colorsNumber" @input="colorsNumber = $event.target.value" />
   </div>
 </main>

src/tutorial/src/step-5/App/template.html

@@ -2,6 +2,9 @@
   <div class="panel">
     <h1>Guess the Color</h1>
     <h2>Number of colors: {{ colorsNumber }}</h2>
-    <input type="number" :value="colorsNumber" @input="colorsNumber = $event.target.value" />
+    <label for="colors">
+      Enter number of colors and press Enter:
+      <input id="colors" type="number" v-model="colorsNumber" min="2" max="10" />
+    </label>
   </div>
 </main>

src/tutorial/src/step-6/App/template.html

@@ -2,7 +2,10 @@
   <div class="panel">
     <h1>Guess the Color</h1>
     <h2>Number of colors: {{ colorsNumber }}</h2>
-    <input type="number" :value="colorsNumber" @input="colorsNumber = $event.target.value" />
+    <label for="colors">
+      Enter number of colors and press Enter:
+      <input id="colors" type="number" v-model="colorsNumber" min="2" max="10" />
+    </label>
   </div>
   <section class="flex" v-if="gameStarted">Game is started</section>
 </main>