Help:Wiki University Flexbox - Introduction

<What is Flexbox? 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.
 * Flexbox is a library 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.
 * 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 format you are viewing the page, whether it be on a PC or tablet or smart phone.

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.

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