Help:Wiki University Flexbox - Misc Horizontal

<< Last Chapter Next Chapter >>



Various Tool Bar Configurations Let say you want to create a tool bar that looks like this (the top tool bar is configured this way).

1 2  3


 * How do we get the white space between box 1 and box 2?

Here si the coding: 1   2    3

All we did was insert another item (which is shown in red ) between item 1 and 2. Then we changed the flex number to 5 and made the background white. To do this with floating, positioning, etc would be a nightmare.

Try these out  Quick Quiz

A. True B. False
 * You can see all the stuff on this page on your smart phone just as you see it here?

A. True B. False
 * When viewing this page on your smart phone, you do not have to scroll to see all the width?

A. On the right of TOC. B. Under the MAIN PAGE. C. Under the TOC. D. None of the above.
 * Where might you see the SIDEBAR on your smart phone?

A. True B. False
 * The reason for Flexbox is to allow a page to be seem more easily on a tablet.

Check your answers

<< Last Chapter Next Chapter >>