Template:Wiki Flexbox Sidebar: Difference between revisions

Revision as of 13:59, 17 January 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
Add More Lessons

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