Wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

Flexbox

Total questions: 8

Worksheet time: 4mins

Name
Class
Date
1.

What is the property and value that defines a parent container as a flexbox?

a)

display:block

b)

float:left

c)

display:flex

d)

position:absolute

2.

justify-content allows you to do what?

a)

Defines how to position children elements vertically

b)

Defines the direction of how children elements are positioned based on either row or column

c)

Defines how children elements will wrap when the browser width is changed

d)

Defines how to position children elements horizontally

3.

align-items allows you to do what?

a)

Defines the direction of how children elements are positioned based on either row or column

b)

Defines how to position children elements vertically

c)

Defines how children elements will wrap when the browser width is changed

d)

Defines how position elements horizontally

4.

flex-wrap allows you to do what?

a)

Defines the direction of how children elements are positioned based on either row or column

b)

Defines how to position children elements vertically

c)

Defines how children elements will wrap when the browser width is changed

d)

Defines how to position children elements horizontally

5.

flex-direction allows you to do what?

a)

Defines the direction of how children elements are positioned based on either row or column

b)

Defines how children elements will wrap when the browser width is changed

c)

Defines how to position children elements vertically

d)

Defines how to position children elements horizontally

6.

flex-basis defines

a)

The boldness of the flex element

b)

If the flex element is visible

c)

The base of the flex element

d)

The width of the flex element

7.

flex-grow is applied to the child element, not the parent container

a)

True

b)

False

8.

What does the css 'order' for flex items allows you to do?

a)

Specify at what time child flex items appear

b)

Specify in what direction the child flex items appear

c)

Specify in what order the child flex items appear

d)

None of the above.