feat: Editorial review: Add content covering modern approach to verti…

…cal form controls (#32142)

* Add content covering modern approach to vertical form controls

* Making fixes for dizhang review comments

* Add in note about sideways-lr/sideways-rl

* Add vertical form controls page link to the reference pages of  all affected controls

* Fixes for wbamberg review comments

* Update files/en-us/web/css/css_writing_modes/vertical_controls/index.md

Co-authored-by: wbamberg <will@bootbonnet.ca>

* Increase frame height to get rid of example vertical scrollbar in Chrome

* more changes

* remove unneccessary guide links

* Update files/en-us/web/html/element/input/range/index.md

Co-authored-by: Estelle Weyl <estelle@openwebdocs.org>

* fix broken code example

* clean up wording

---------

Co-authored-by: wbamberg <will@bootbonnet.ca>
Co-authored-by: Estelle Weyl <estelle@openwebdocs.org>

files/en-us/web/css/css_writing_modes/index.md

@@ -20,6 +20,11 @@ The **CSS writing modes** module defines various international writing modes, su
 - {{cssxref("unicode-bidi")}}
 - {{cssxref("writing-mode")}}
 
+## Guides
+
+- [Creating vertical form controls](/en-US/docs/Web/CSS/CSS_writing_modes/Vertical_controls)
+  - : The article explains how to use the CSS {{cssxref("writing-mode")}} and {{cssxref("direction")}} properties to create and configure vertical form controls.
+
 ## Specifications
 
 {{Specifications}}