Help:Wiki University Flexbox Answers

Quick Quiz
1. You can see all the stuff on this page on your smart phone just as you see it here? B. False The view port on a smart phone is much smaller than a PC so the items will "wrap" and form a column and thus illuminate scroll bars.

2. When viewing this page on your smart phone, you do not have to scroll to see all the width? A. True See the above explanation

3. Where might you see the "Get Involved" on your smart phone? B. Under "Main Page." If you had dragged the right edge of the Introduction page, you would have noticed that "Get Involved" wrapped under 'Main Page.

4. One of the reasons for Flexbox is to allow a page to be seen more easily on a tablet without scroll bars. A. True

Back to Introduction

Exercises
1.  Item 1  Item 2  Item 3  Item 4  Item 5 Here is the coding: Item 1    Item 2     Item 3     Item 4     Item 5

2.  Item 1  Item 2  Item 3  Item 4  Item 5 Here is the coding: Item 1    Item 2     Item 3     Item 4     Item 5

3.  Item 1  Item 2  Item 3  Item 4  Item 5 Here is the coding: Item 1    Item 2     Item 3     Item 4     Item 5

Quick Quiz
1. To put items at the beginning of a row, you need to use "justify-content:left-end"?. B. False You use "display:flex" in the container tag of the items. 2. To place items in the middle of a page you need to use you use: "justify-content:middle?" A. True The code is "justify-content:center" 3. To place items on the right side of a page you need to use "justify-content:right-end?" B. False The code is "justify-content:flex-end" Back to Display Horizontal

Exercises
Back to Horizontal Spacing

Quick Quiz
Back to Horizontal Spacing