Css flexbox

Css flexbox

Professional Development

20 Qs

quiz-placeholder

Similar activities

natural resources

natural resources

KG - Professional Development

19 Qs

Principles of Engine Operation

Principles of Engine Operation

Professional Development

15 Qs

1ª Prova do Módulo Desenvolvimento de Carreira - O Novo Merc

1ª Prova do Módulo Desenvolvimento de Carreira - O Novo Merc

Professional Development

20 Qs

Assessment in Learning 1 (Testing)

Assessment in Learning 1 (Testing)

Professional Development

15 Qs

General Knowledge About the world

General Knowledge About the world

KG - Professional Development

20 Qs

Fun With Magnets

Fun With Magnets

6th Grade - Professional Development

15 Qs

17 Days of SDGs Quiz - Day 7 (English)

17 Days of SDGs Quiz - Day 7 (English)

3rd Grade - Professional Development

15 Qs

Q-FAST (QUIZ FASILITAS KESEHATAN)

Q-FAST (QUIZ FASILITAS KESEHATAN)

Professional Development

20 Qs

Css flexbox

Css flexbox

Assessment

Quiz

Education

Professional Development

Medium

flexbox, flex container, flex-direction

Standards-aligned

Created by

Şamil Vasiyev

Used 9+ times

FREE Resource

20 questions

Show all answers

1.

MULTIPLE CHOICE QUESTION

1 min • 1 pt

How can you align items along the cross-axis in a Flexbox container?

align-items: center;

justify-items: center;

vertical-align: center;

align-content: center;

2.

MULTIPLE CHOICE QUESTION

1 min • 1 pt

What property is used to create space between Flexbox items along the main axis?

margin

padding

gap

space-between

3.

MULTIPLE CHOICE QUESTION

1 min • 1 pt

How do you make a Flexbox container wrap its items to the next line if they don't fit in the current row?

flex-wrap: wrap;

wrap-items: true;

flex-direction: column;

flex-flow: row wrap;

4.

MULTIPLE CHOICE QUESTION

1 min • 1 pt

What does the justify-content property control in a Flexbox container?

Cross-axis alignment of items.

Main-axis alignment of items.

Spacing between items.

Item ordering.

5.

MULTIPLE CHOICE QUESTION

1 min • 1 pt

How can you make an individual Flexbox item take up all available space along the main axis?

flex: 1;

grow: 1;

flex-grow: 1;

size: fill;

6.

MULTIPLE CHOICE QUESTION

1 min • 1 pt

Which property is used to align a single Flexbox item within the container?

align-self

item-align

self-align

flex-align

7.

MULTIPLE CHOICE QUESTION

1 min • 1 pt

In Flexbox, what does the order property control?

The order of the container in the document flow.

The order of Flexbox items within the container.

The order of Flexbox lines within a multi-line container.

The order of the items along the cross-axis.

Create a free account and access millions of resources

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

By signing up, you agree to our Terms of Service & Privacy Policy

Already have an account?