CSS Grid vs flexbox Quiz

#1 What is the default value of the flex-grow property?

1

0

#2 css-grid-2

10% 30% 60%

1fr 2fr 3fr

20% 30% 50%

1fr 2fr 4fr

#3 css-grid-6

grid-column: 2/-1;

grid-column: 2/span 2;

grid-row: 2/3:

grid-row: 2/4:

#4 flex-5

justify-self: center;

margin: auto;

align-self: center;

align-item: center;

#5 Which of the following is an invalid property?

flex-basis

flex-column

flex-direction

flex-flow

#6 flex-3

space-between

space-around

space-equally

space-evenly

#7 css-grid-3

45% 10% 45%

3fr 1fr 3fr

3fr 2fr 3fr

2fr 1fr 2fr

#8 Which of the following is an invalid property?

grid-row

grid-flow

grid-area

grid-template

#9 What is the default value of the grid-auto-flow property?

auto

row

column

fill

#10 grid-area: 1/4; is equivalent to

grid-column-start: 1;
grid-column-end: 4;

grid-row-start: 1;
grid-column-start: 4;

grid-row-start: 1;
grid-row-end: 4;

it's invalid

#11 How to correctly place a grid item inside a named area?

item-area: foo;

grid-area: 'foo';

grid-area: foo;

item-area: 'foo';

#12 How to make all the flex items in a single row equal in width?

flex: auto;

flex-grow: 1;

flex: 1 1 1;

flex: 1;

#13 Which property cannot be used with negative values?

order

flex-grow

grid-row

z-index

#14 What is the default value of the flex-shrink property?

0

1

#15 How to place a grid item across 2 columns?

grid-column: 2;

grid-column: span/2;

grid-column: span 2;

grid-column: fill 2;

CSS Grid vs flexbox