Grid interview questions

21 real Grid questions from the CSS bank, as asked in Indian campus drives and tech interviews. Every question has a verified answer and an AI-tutor explanation on placd — free to start.

1. What is fr unit?

Junior
  1. A.a grid-specific length representing one share of the remaining free space in the track sizing
  2. B.a grid sizing notation defining a track with a lower and upper bound
  3. C.a repeat keyword that fits as many tracks as possible then collapses empty ones so existing items stretch
  4. D.a repeat keyword that creates as many tracks as fit, leaving empty tracks when items run out
Reveal the answer + AI explanation — free account

3. Which statement is correct?

Junior
  1. A.fr unit — a grid-specific length representing one share of the remaining free space in the track sizing
  2. B.fr unit — the property controlling how items are automatically placed into implicit rows or columns
  3. C.fr unit — a grid notation that compactly declares a recurring pattern of track sizes
  4. D.fr unit — a grid sizing notation defining a track with a lower and upper bound
Reveal the answer + AI explanation — free account

4. What is grid-template-areas?

Mid
  1. A.a property that lays out named regions visually so items can be placed by name
  2. B.a grid-specific length representing one share of the remaining free space in the track sizing
  3. C.a repeat keyword that fits as many tracks as possible then collapses empty ones so existing items stretch
  4. D.a grid sizing notation defining a track with a lower and upper bound
Reveal the answer + AI explanation — free account

6. Which statement is correct?

Mid
  1. A.grid-template-areas — a grid notation that compactly declares a recurring pattern of track sizes
  2. B.grid-template-areas — the property controlling how items are automatically placed into implicit rows or columns
  3. C.grid-template-areas — a grid sizing notation defining a track with a lower and upper bound
  4. D.grid-template-areas — a property that lays out named regions visually so items can be placed by name
Reveal the answer + AI explanation — free account

7. What is repeat() function?

Mid
  1. A.a grid sizing notation defining a track with a lower and upper bound
  2. B.a repeat keyword that fits as many tracks as possible then collapses empty ones so existing items stretch
  3. C.a repeat keyword that creates as many tracks as fit, leaving empty tracks when items run out
  4. D.a grid notation that compactly declares a recurring pattern of track sizes
Reveal the answer + AI explanation — free account

9. Which statement is correct?

Mid
  1. A.repeat() function — a grid notation that compactly declares a recurring pattern of track sizes
  2. B.repeat() function — a property that lays out named regions visually so items can be placed by name
  3. C.repeat() function — a repeat keyword that fits as many tracks as possible then collapses empty ones so existing items stretch
  4. D.repeat() function — a grid sizing notation defining a track with a lower and upper bound
Reveal the answer + AI explanation — free account

10. What is minmax() function?

Senior
  1. A.a repeat keyword that fits as many tracks as possible then collapses empty ones so existing items stretch
  2. B.a grid notation that compactly declares a recurring pattern of track sizes
  3. C.a grid-specific length representing one share of the remaining free space in the track sizing
  4. D.a grid sizing notation defining a track with a lower and upper bound
Reveal the answer + AI explanation — free account

12. Which statement is correct?

Senior
  1. A.minmax() function — a grid sizing notation defining a track with a lower and upper bound
  2. B.minmax() function — a property that lays out named regions visually so items can be placed by name
  3. C.minmax() function — a grid notation that compactly declares a recurring pattern of track sizes
  4. D.minmax() function — a repeat keyword that fits as many tracks as possible then collapses empty ones so existing items stretch
Reveal the answer + AI explanation — free account

13. What is auto-fill?

Senior
  1. A.a property that lays out named regions visually so items can be placed by name
  2. B.a repeat keyword that fits as many tracks as possible then collapses empty ones so existing items stretch
  3. C.a grid-specific length representing one share of the remaining free space in the track sizing
  4. D.a repeat keyword that creates as many tracks as fit, leaving empty tracks when items run out
Reveal the answer + AI explanation — free account

15. Which statement is correct?

Senior
  1. A.auto-fill — a property that lays out named regions visually so items can be placed by name
  2. B.auto-fill — a repeat keyword that creates as many tracks as fit, leaving empty tracks when items run out
  3. C.auto-fill — the property controlling how items are automatically placed into implicit rows or columns
  4. D.auto-fill — a grid notation that compactly declares a recurring pattern of track sizes
Reveal the answer + AI explanation — free account

16. What is auto-fit?

Senior
  1. A.the property controlling how items are automatically placed into implicit rows or columns
  2. B.a property that lays out named regions visually so items can be placed by name
  3. C.a grid notation that compactly declares a recurring pattern of track sizes
  4. D.a repeat keyword that fits as many tracks as possible then collapses empty ones so existing items stretch
Reveal the answer + AI explanation — free account

18. Which statement is correct?

Senior
  1. A.auto-fit — a repeat keyword that fits as many tracks as possible then collapses empty ones so existing items stretch
  2. B.auto-fit — a grid sizing notation defining a track with a lower and upper bound
  3. C.auto-fit — a repeat keyword that creates as many tracks as fit, leaving empty tracks when items run out
  4. D.auto-fit — a property that lays out named regions visually so items can be placed by name
Reveal the answer + AI explanation — free account

19. What is grid-auto-flow?

Mid
  1. A.a repeat keyword that creates as many tracks as fit, leaving empty tracks when items run out
  2. B.a property that lays out named regions visually so items can be placed by name
  3. C.a grid-specific length representing one share of the remaining free space in the track sizing
  4. D.the property controlling how items are automatically placed into implicit rows or columns
Reveal the answer + AI explanation — free account

21. Which statement is correct?

Mid
  1. A.grid-auto-flow — a property that lays out named regions visually so items can be placed by name
  2. B.grid-auto-flow — a repeat keyword that creates as many tracks as fit, leaving empty tracks when items run out
  3. C.grid-auto-flow — the property controlling how items are automatically placed into implicit rows or columns
  4. D.grid-auto-flow — a grid-specific length representing one share of the remaining free space in the track sizing
Reveal the answer + AI explanation — free account

Free to start

Answers, AI explanations, and a scored voice mock interview

Sign up free to check your answers with explanations, ask the AI tutor anything on any question, and take one full AI mock interview — scored like a real panel.

Practice Grid free