Help:Wiki University Flexbox - Introduction

<What is Flexbox?
 * Flexbox is a group of CSS3 coding elements that enables you to place objects on a page without having to use, positioning, floating, tables, etc.
 * Flexbox was developed in 2009 to overcome the limitations of positioning, floating, tables, etc which have made the positioning of objects on a page problematic at best.
 * Flexbox uses far fewer lines of code to accomplish what often took many lines to do in the past with positioning, floating, table, etc.
 * But the best benefit is its ability for pages to adapted to whatever devise you are viewing the page, whether it be on a PC or tablet or smart phone.

What do you have to know to code with Flexbox a proire knowledge of HTML is necessary or wikitext.

For a sample of how Flexbox will adapt to whatever devise you are viewing a page on, move the edges of this page back and forth to see how the colored boxes adapt to the changing widths.

MAIN PAGE SIDEBAR TOC
 * Move the left edge of this page inward and you should notice that the SIDEBAR box drops down underneath the MAIN PAGE box. As you continue to move the left edge inward, the TOC box now drops to the bottom alongside of the SIDEBAR box.  If you move the left edge back to the right, the boxes return to their original positions.
 * This means basically that whatever devise are viewing this page, the material will adapted to whatever view port you are viewing the page so you don't have to scroll back and forth to see everything.
 * Assignment, if you have access to a tablet or smart phone, bring up this page to see how it looks on the view port of either devise.

<<Last Chapter Next Chapter &gt;&gt;