Search Header Logo

Flexbox and Grid

Authored by Re:Coded Org

Computers

Professional Development

Used 18+ times

Flexbox and Grid
AI

AI Actions

Add similar questions

Adjust reading levels

Convert to real-world scenario

Translate activity

More...

    Content View

    Student View

8 questions

Show all answers

1.

FILL IN THE BLANK QUESTION

1 min • 1 pt

.... is a type of a CSS display.

2.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

How many dimensions does Flexbox support?

1

2

3

4

3.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

How many dimensions does Grid layout support?

1

2

3

4

4.

DRAG AND DROP QUESTION

1 min • 1 pt

​ (a)   is a property of a Flex container, while ​ (b)   is a property of a Flex item.

justify-content
justify-self
width
grid-columns
grid-row
background

5.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

Assigning the number of columns and rows is a property only available for

Grid layout

Flexbox

Block

inline

6.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

If flex-direction in Flexbox is set to row then justify-content will align to what axis?

Horizontal; because it follows the main axis.

Vertical; because it follows the cross axis.

7.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

If flex-direction in Flexbox is set to row then align-items will align to what axis?

Vertical; because it follows the cross axis.

Horizontal; because it follows the main axis.

Access all questions and much more by creating a free account

Create resources

Host any resource

Get auto-graded reports

Google

Continue with Google

Email

Continue with Email

Classlink

Continue with Classlink

Clever

Continue with Clever

or continue with

Microsoft

Microsoft

Apple

Apple

Others

Others

Already have an account?