Search Header Logo

TWS - Flexbox

Authored by Michal Krankus

Design

10th Grade

Used 2+ times

TWS - Flexbox
AI

AI Actions

Add similar questions

Adjust reading levels

Convert to real-world scenario

Translate activity

More...

    Content View

    Student View

10 questions

Show all answers

1.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

Co určuje vlastnost `justify-content` v Flexboxu?

Zarovnání prvků podél hlavní osy
Zarovnání prvků podél vedlejší osy
Rozdělení mezer mezi řádky
Směr toku prvků

2.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

Která hodnota `display` zapíná Flexbox?

`flex`
`block`
`grid`
`inline-block`

3.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

Jaká hodnota vlastnosti `flex-direction` zarovná prvky do sloupce?

`column`
`row`
`wrap`
`reverse`

4.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

Co dělá vlastnost `align-items: center` v Flexboxu?

Zarovná prvky podél hlavní osy na střed
Rozdělí mezeru mezi prvky rovnoměrně
Zabrání zalomení prvků

5.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

Jak zajistíte, aby prvky v kontejneru mohly přetékat na další řádky?

`flex-wrap: wrap`
`overflow: visible`
`flex-direction: column`
`align-content: space-around`

6.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

Která hodnota vlastnosti `justify-content` umístí prvky rovnoměrně s mezerami pouze mezi nimi?

`space-between`
`center`
`space-around`
`flex-end`

7.

MULTIPLE CHOICE QUESTION

30 sec • 1 pt

Co znamená nastavení `flex: 1` pro prvek v Flexboxu?

Prvek zabere rovnoměrně místo dostupné v kontejneru
Prvek bude zarovnán na začátek kontejneru
Prvek má pevnou šířku
Prvek nebude reagovat na změnu velikosti

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?