24 Flexbox questions from the CSS bank, written for Indian campus drives and tech interviews. Every question has a verified answer and an AI-tutor explanation on placd.
Sign up free to see every answer with its explanation and ask the AI tutor.
A.the property overriding cross-axis alignment for a single item rather than the whole container
B.the factor controlling how much a flex item expands to fill remaining free space relative to siblings
C.the flex property that aligns items along the main axis
D.the flex property that aligns items along the cross axis
Answer + AI explanation with a free account
2. Which term means: "the flex property that aligns items along the main axis"?
Junior
A.flex-basis
B.justify-content
C.flex-grow
D.flex-direction
Answer + AI explanation with a free account
3. Which statement is correct?
Junior
A.justify-content — the property setting whether the main axis runs horizontally as a row or vertically as a column
B.justify-content — the flex property that aligns items along the cross axis
C.justify-content — the flex property that aligns items along the main axis
D.justify-content — the property setting the initial main-size of a flex item before growing or shrinking is applied
Answer + AI explanation with a free account
4. What is align-items?
Junior
A.the factor controlling how much a flex item expands to fill remaining free space relative to siblings
B.the flex property that aligns items along the cross axis
C.the property allowing items to flow onto multiple lines when they exceed the container width
D.the property setting the initial main-size of a flex item before growing or shrinking is applied
Answer + AI explanation with a free account
5. Which term means: "the flex property that aligns items along the cross axis"?
Junior
A.align-items
B.flex-basis
C.align-self
D.justify-content
Answer + AI explanation with a free account
6. Which statement is correct?
Junior
A.align-items — the factor controlling how much a flex item contracts when there is not enough space
B.align-items — the flex property that aligns items along the cross axis
C.align-items — the factor controlling how much a flex item expands to fill remaining free space relative to siblings
D.align-items — the flex property that aligns items along the main axis
Answer + AI explanation with a free account
7. What is flex-grow?
Mid
A.the factor controlling how much a flex item contracts when there is not enough space
B.the factor controlling how much a flex item expands to fill remaining free space relative to siblings
C.the property setting whether the main axis runs horizontally as a row or vertically as a column
D.the flex property that aligns items along the cross axis
Answer + AI explanation with a free account
8. Which term means: "the factor controlling how much a flex item expands to fill remaining free space relative to siblings"?
Mid
A.flex-direction
B.justify-content
C.flex-grow
D.align-self
Answer + AI explanation with a free account
9. Which statement is correct?
Mid
A.flex-grow — the factor controlling how much a flex item contracts when there is not enough space
B.flex-grow — the flex property that aligns items along the cross axis
C.flex-grow — the flex property that aligns items along the main axis
D.flex-grow — the factor controlling how much a flex item expands to fill remaining free space relative to siblings
Answer + AI explanation with a free account
10. What is flex-shrink?
Mid
A.the flex property that aligns items along the main axis
B.the flex property that aligns items along the cross axis
C.the factor controlling how much a flex item contracts when there is not enough space
D.the property setting whether the main axis runs horizontally as a row or vertically as a column
Answer + AI explanation with a free account
11. Which term means: "the factor controlling how much a flex item contracts when there is not enough space"?
Mid
A.align-items
B.flex-direction
C.flex-shrink
D.flex-basis
Answer + AI explanation with a free account
12. Which statement is correct?
Mid
A.flex-shrink — the factor controlling how much a flex item contracts when there is not enough space
B.flex-shrink — the property overriding cross-axis alignment for a single item rather than the whole container
C.flex-shrink — the flex property that aligns items along the cross axis
D.flex-shrink — the property setting the initial main-size of a flex item before growing or shrinking is applied
Answer + AI explanation with a free account
13. What is flex-basis?
Mid
A.the factor controlling how much a flex item contracts when there is not enough space
B.the property setting the initial main-size of a flex item before growing or shrinking is applied
C.the property setting whether the main axis runs horizontally as a row or vertically as a column
D.the flex property that aligns items along the main axis
Answer + AI explanation with a free account
14. Which term means: "the property setting the initial main-size of a flex item before growing or shrinking is applied"?
Mid
A.align-items
B.flex-shrink
C.align-self
D.flex-basis
Answer + AI explanation with a free account
15. Which statement is correct?
Mid
A.flex-basis — the property allowing items to flow onto multiple lines when they exceed the container width
B.flex-basis — the factor controlling how much a flex item expands to fill remaining free space relative to siblings
C.flex-basis — the property setting the initial main-size of a flex item before growing or shrinking is applied
D.flex-basis — the property setting whether the main axis runs horizontally as a row or vertically as a column
Answer + AI explanation with a free account
16. What is flex-direction?
Junior
A.the property allowing items to flow onto multiple lines when they exceed the container width
B.the property setting whether the main axis runs horizontally as a row or vertically as a column
C.the property overriding cross-axis alignment for a single item rather than the whole container
D.the factor controlling how much a flex item expands to fill remaining free space relative to siblings
Answer + AI explanation with a free account
17. Which term means: "the property setting whether the main axis runs horizontally as a row or vertically as a column"?
Junior
A.flex-grow
B.align-items
C.flex-direction
D.justify-content
Answer + AI explanation with a free account
18. Which statement is correct?
Junior
A.flex-direction — the flex property that aligns items along the cross axis
B.flex-direction — the property setting the initial main-size of a flex item before growing or shrinking is applied
C.flex-direction — the flex property that aligns items along the main axis
D.flex-direction — the property setting whether the main axis runs horizontally as a row or vertically as a column
Answer + AI explanation with a free account
19. What is align-self?
Mid
A.the property allowing items to flow onto multiple lines when they exceed the container width
B.the property overriding cross-axis alignment for a single item rather than the whole container
C.the factor controlling how much a flex item contracts when there is not enough space
D.the property setting the initial main-size of a flex item before growing or shrinking is applied
Answer + AI explanation with a free account
20. Which term means: "the property overriding cross-axis alignment for a single item rather than the whole container"?
Mid
A.align-items
B.align-self
C.flex-grow
D.flex-direction
Answer + AI explanation with a free account
21. Which statement is correct?
Mid
A.align-self — the property setting the initial main-size of a flex item before growing or shrinking is applied
B.align-self — the property overriding cross-axis alignment for a single item rather than the whole container
C.align-self — the factor controlling how much a flex item contracts when there is not enough space
D.align-self — the flex property that aligns items along the main axis
Answer + AI explanation with a free account
22. What is flex-wrap?
Senior
A.the property setting whether the main axis runs horizontally as a row or vertically as a column
B.the property allowing items to flow onto multiple lines when they exceed the container width
C.the property overriding cross-axis alignment for a single item rather than the whole container
D.the property setting the initial main-size of a flex item before growing or shrinking is applied
Answer + AI explanation with a free account
23. Which term means: "the property allowing items to flow onto multiple lines when they exceed the container width"?
Senior
A.flex-basis
B.flex-direction
C.flex-wrap
D.flex-shrink
Answer + AI explanation with a free account
24. Which statement is correct?
Senior
A.flex-wrap — the flex property that aligns items along the main axis
B.flex-wrap — the property setting the initial main-size of a flex item before growing or shrinking is applied
C.flex-wrap — the property allowing items to flow onto multiple lines when they exceed the container width
D.flex-wrap — the flex property that aligns items along the cross axis
Answer + AI explanation with a free account
Free to start
Answers, AI explanations, and a free readiness check
Sign up free to check your answers with explanations, ask the AI tutor anything on any question, and take the free 2-minute readiness check for a scored result. One full AI mock interview, scored like a real panel, is free when you sign up.