@@ -2,7 +2,7 @@
   --flex-direction: row;
   --justify-content: flex-start;
   --align-items: center;
-  --flex-grow: 0;
+  --flex-grow-rest: 0;
   --flex-grow-first: 0;
 }
 
@@ -60,7 +60,7 @@ h1, h2 {
   border: 8px solid #5e5ebf;
   margin: 5px;
   font-size: large;
-  flex-grow: var(--flex-grow);
+  flex-grow: var(--flex-grow-rest);
 }
 
 .item-first {
@@ -102,7 +102,7 @@ h1, h2 {
     border: 5px solid #5e5ebf;
     margin: 4px;
     font-size: large;
-    flex-grow: var(--flex-grow);
+    flex-grow: var(--flex-grow-rest);
   }
 
   .item-first {
 
@@ -192,69 +192,69 @@ <h2>Scoped CSS Variables and JS</h2>
 
   <div class="radio-variable">
     <div class="radio-list-title">
-      flex-grow (.item)
+      flex-grow-first
     </div>
 
     <div class="radio-list-items">
 
       <div class="radio-item">
         <input
             type="radio"
-            name="flex-grow"
+            name="flex-grow-first"
             value="0"
             checked
-            id="flex-grow-0"/>
-        <label for="flex-grow-0">
+            id="flex-grow-first-0"/>
+        <label for="flex-grow-first-0">
           0
         </label>
       </div>
       <div class="radio-item">
         <input
             type="radio"
-            name="flex-grow"
+            name="flex-grow-first"
             value="1"
-            id="flex-grow-1"/>
-        <label for="flex-grow-1">
+            id="flex-grow-first-1"/>
+        <label for="flex-grow-first-1">
           1
         </label>
       </div>
+    </div>
 
+  </div>
 
+  <div class="radio-variable">
+    <div class="radio-list-title">
+      flex-grow-rest
     </div>
 
-    <div class="radio-variable">
-      <div class="radio-list-title">
-        flex-grow-first (item(eq:0))
-      </div>
-
-      <div class="radio-list-items">
+    <div class="radio-list-items">
 
-        <div class="radio-item">
-          <input
-              type="radio"
-              name="flex-grow-first"
-              value="0"
-              checked
-              id="flex-grow-first-0"/>
-          <label for="flex-grow-first-0">
-            0
-          </label>
-        </div>
-        <div class="radio-item">
-          <input
-              type="radio"
-              name="flex-grow-first"
-              value="1"
-              id="flex-grow-first-1"/>
-          <label for="flex-grow-first-1">
-            1
-          </label>
-        </div>
+      <div class="radio-item">
+        <input
+            type="radio"
+            name="flex-grow-rest"
+            value="0"
+            checked
+            id="flex-grow-rest-0"/>
+        <label for="flex-grow-rest-0">
+          0
+        </label>
+      </div>
+      <div class="radio-item">
+        <input
+            type="radio"
+            name="flex-grow-rest"
+            value="1"
+            id="flex-grow-rest-1"/>
+        <label for="flex-grow-rest-1">
+          1
+        </label>
       </div>
 
 
     </div>
 
+
   </div>
 
 </div>