Use breakpoints to increase spacing between list items for increased accessability

Author: bytesandroses

Form-Controls/index.html

@@ -47,20 +47,23 @@ <h2>T-shirt details</h2>
               <input type="radio" id="color_1" name="color" value="red" />
               Red
             </label>
+            <br></br>
           </li>
 
           <li>
             <label for="color_2">
               <input type="radio" id="color_2" name="color" value="white" />
               White
             </label>
+            <br></br>
           </li>
 
           <li>
             <label for="color_3">
               <input type="radio" id="color_3" name="color" value="blue" />
               Blue
             </label>
+            <br></br>
           </li>
         </ul>
       </fieldset>
@@ -73,41 +76,47 @@ <h2>T-shirt details</h2>
               <input type="radio" id="size_1" name="size" value="XS" />
               XS
             </label>
+            <br></br>
           </li>
 
           <li>
             <label for="size_2">
               <input type="radio" id="size_2" name="size" value="S" />
               S
             </label>
+            <br></br>
           </li>
 
           <li>
             <label for="size_3">
               <input type="radio" id="size_3" name="size" value="M" />
               M
             </label>
+            <br></br>
           </li>
 
           <li>
             <label for="size_4">
               <input type="radio" id="size_4" name="size" value="L" />
               L
             </label>
+            <br></br>
           </li>
 
           <li>
             <label for="size_5">
               <input type="radio" id="size_5" name="size" value="XL" />
               XL
             </label>
+            <br></br>
           </li>
 
           <li>
             <label for="size_6">
               <input type="radio" id="size_6" name="size" value="XXL" />
               XXL
             </label>
+            <br></br>
           </li>
         </ul>
       </fieldset>