CSS flexbox flashcard

CSS flexbox flashcard

Assessment

Flashcard

Professional Development, Other, Computers

Professional Development

Hard

flexbox, flex container, content alignment

+2

Standards-aligned

Created by

Quizizz 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?

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