CSS flexbox flashcard

CSS flexbox flashcard

Assessment

Flashcard

Professional Development, Other, Computers

Professional Development

Hard

flexbox, flex container, content alignment

+1

Standards-aligned

Created by

Quizizz Content

FREE Resource

Student preview

quiz-placeholder

8 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

In this code snippet, where will all the flex item divs be placed? Options: At the left of the containing div, Centered within the div, At the top of the div, Before the div

Back

At the top of the div

Tags

flexbox

align-items

5.

FLASHCARD QUESTION

Front

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

Back

align-self

6.

FLASHCARD QUESTION

Front

flex-grow : 1 makes

Back

Your div get the maximum size

7.

FLASHCARD QUESTION

Front

Which property controls the order of flex items within a container?

Back

order

8.

FLASHCARD QUESTION

Front

Which CSS property allows flex items to shrink if necessary?

Back

flex-shrink