CSS flexbox flashcard

CSS flexbox flashcard

Assessment

Flashcard

Professional Development, Other, Computers

Professional Development

Practice Problem

Hard

flexbox, flex container, content alignment

+2

Standards-aligned

Created by

Wayground Content

FREE Resource

Student preview

quiz-placeholder

7 questions

Show all answers

1.

FLASHCARD QUESTION

Front

What css rule creates a flexbox container?

Back

display: flex

Tags

flexbox

flex container

2.

FLASHCARD QUESTION

Front

Which css value forces flex items onto a new line once the width of the container has been filled?

Back

wrap

3.

FLASHCARD QUESTION

Front

Which flexbox properties aligns items on the same axis as the flex-direction? Options: justify-content, align-items, align-content, justify-items

Back

justify-content

Tags

flexbox

content alignment

4.

FLASHCARD QUESTION

Front

What is a possible value for justify-content?

Back

center, space-between, flex-start, flex-end, space-around, space-evenly, right, left

Tags

flexbox

justify-content

5.

FLASHCARD QUESTION

Front

What is the default orientation/flex-direction for flexbox?

Back

column

6.

FLASHCARD QUESTION

Front

In this code snippet, where will all the flex item divs be placed?

Media Image

Back

At the top of the div

Tags

flexbox

align-items

7.

FLASHCARD QUESTION

Front

Which property will align a flexbox item differently from all others within the same flexbox container?

Back

align-self

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?

Discover more resources for Professional Development