Added a note about styling range inputs

Author: ericwbailey

partials/section.forms.hbs

@@ -190,6 +190,11 @@
                     type="range" />
             </label>
 
+            <h4>Notes:</h4>
+            <p>
+                <small>Some pointers on <a rel="external noopener" href="https://css-tricks.com/sliding-nightmare-understanding-range-input/">styling the range input</a>.</small>
+            </p>
+
         </fieldset><!-- End of #subsection__non-text-input -->
 
         <fieldset id="subsection__select" role="region" aria-labelledby="subtitle__select"><!-- Start of #subsection__select -->
@@ -422,7 +427,7 @@
             <h4>Notes:</h4>
             <ul>
                 <li>
-                    <small>Add <code>type="button"</code> to <code>button</code> elements placed outside of forms to prevent some browsers from attempting to submit form data.</small>
+                    <small>Add <code>type="button"</code> to <code>&lt;button&gt;</code> elements placed outside of forms to prevent some browsers from attempting to submit form data.</small>
                 </li>
                 <li>
                     <small>Add <code>pointer-events: none;</code> to <a rel="external noopener" href="https://twitter.com/stowball/status/857707052545613824">inline SVG icons placed in buttons</a>.</small>
@@ -485,6 +490,11 @@
                 I agree
             </label>
 
+            <h4>Notes:</h4>
+            <p>
+                <small>magnification cognitive</small>
+            </p>
+
         </fieldset><!-- End of #subsection__lockup -->
 
         <fieldset id="subsection__states-and-validation" role="region" aria-labelledby="subtitle__states-and-validation"><!-- Start of #subsection__states-and-validation -->