Template:Wiki Flexbox Sidebar: Difference between revisions

Revision as of 16:06, 5 April 2017

CHAPTERS
1. Introduction
2. Display Horizontal
3. Horizontal Spacing
4. Box Sizes
5. Flex Wrapping
6. Display Vertical
7. Centering Text
8. Misc Horizontal
9. Misc Attributes

Additional Helps
Flexbox Cheatsheet

@@ Line 1: / Line 1: @@
 <div style="display:flex">
 <div style="flex:1; border-right:1px solid DarkGoldenRod; border-left:1px solid DarkGoldenRod; border-bottom:1px solid DarkGoldenRod; background-color:#fcefcf">
-<span style="display:flex; font-size:1.3vw; justify-content:center; margin-bottom:-2vw">CHAPTERS</span><br>
+<span style="display:flex; font-size:1.3em; justify-content:center; margin-bottom:-0.5em">CHAPTERS</span><br>
-<span style="font-size:1.2vw; margin-left:0.3vw">1. [[Help:Wiki University Flexbox - Introduction|Introduction]]</span><br>
+<span style="font-size:1.2em; margin-left:1em">1. [[Help:Wiki University Flexbox - Introduction|Introduction]]</span><br>
-<span style="font-size:1.2vw; margin-left:0.3vw">2. [[Help:Wiki University Flexbox - Display Horizontal|Display Horizontal]]</span><br>
+<span style="font-size:1.2em; margin-left:1em">2. [[Help:Wiki University Flexbox - Display Horizontal|Display Horizontal]]</span><br>
-<span style="font-size:1.2vw; margin-left:0.3vw">3. [[Help:Wiki University Flexbox - Horizontal Spacing|Horizontal Spacing]]</span><br>
+<span style="font-size:1.2em; margin-left:1em">3. [[Help:Wiki University Flexbox - Horizontal Spacing|Horizontal Spacing]]</span><br>
-<span style="font-size:1.2vw; margin-left:0.3vw">4. [[Help:Wiki University Flexbox - Box Sizes|Box Sizes]]</span><br>
+<span style="font-size:1.2em; margin-left:1em">4. [[Help:Wiki University Flexbox - Box Sizes|Box Sizes]]</span><br>
-<span style="font-size:1.2vw; margin-left:0.3vw">5. [[Help:Wiki University Flexbox - Flex Wrapping|Flex Wrapping]]</span><br>
+<span style="font-size:1.2em; margin-left:1em">5. [[Help:Wiki University Flexbox - Flex Wrapping|Flex Wrapping]]</span><br>
-<span style="font-size:1.2vw; margin-left:0.3vw">6. [[Help:Wiki University Flexbox - Display Vertical|Display Vertical]]</span><br>
+<span style="font-size:1.2em; margin-left:1em">6. [[Help:Wiki University Flexbox - Display Vertical|Display Vertical]]</span><br>
-<span style="font-size:1.2vw; margin-left:0.3vw">7. [[Help:Wiki University Flexbox - Centering Text|Centering Text]]</span><br>
+<span style="font-size:1.2em; margin-left:1em">7. [[Help:Wiki University Flexbox - Centering Text|Centering Text]]</span><br>
-<span style="font-size:1.2vw; margin-left:0.3vw">8. [[Help:Wiki University Flexbox - Misc Horizontal|Misc Horizontal]]</span><br>
+<span style="font-size:1.2em; margin-left:1em">8. [[Help:Wiki University Flexbox - Misc Horizontal|Misc Horizontal]]</span><br>
-<span style="font-size:1.2vw; margin-left:0.3vw">9. [[Help:Wiki University Flexbox - Misc Flexbox Attributes|Misc Attributes]]</span><br>
+<span style="font-size:1.2em; margin-left:1em">9. [[Help:Wiki University Flexbox - Misc Flexbox Attributes|Misc Attributes]]</span><br>
 ----
-<span style="display:flex; justify-content:center; font-size:1.3vw; margin-bottom:-2vw">Additional Helps</span><br>
+<span style="display:flex; justify-content:center; font-size:1em; font-size:1.3em">Additional Helps</span><br>
-<span style="font-size:1.2vw; margin-left:1vw">[[Flexbox Cheatsheet|Flexbox Cheatsheet]]</span><br>
+<span style="font-size:1.2em; margin-left:1em; ">[[Flexbox Cheatsheet|Flexbox Cheatsheet]]</span><br>
 </div>