CSS Grid Vs Flexbox When To Use Which Practice Exam

Test yourself under real exam conditions: 50 timed questions, 60 on the clock, pass mark 70%%. Instant score with a full review of everything you got wrong. Free — no account needed.

📝 50 questions · ⏱ 60 minutes · 🎯 Pass mark 70% · 🆓 Free, no signup

Start Practice Exam → 🃏 View Flashcards 📚 Read the Textbook

Exam details

✓50 questions drawn from 202 cards
✓Countdown timer — auto-submits when time runs out
✓Pass mark 70% (real certification threshold)
✓Full review of wrong answers at the end
✓No signup required — save your score with a free account

Sample Questions

5 shown

One-line summary: when Grid vs Flexbox?

Show ▼

Grid: 2D layout (rows AND columns), known structure.
Flexbox: 1D layout (row OR column), content-driven.

Center a single element on the page — Grid or Flex?

Show ▼

Either works. display: grid; place-items: center; or display: flex; align-items: center; justify-content: center;

Make a sidebar + main layout with Grid?

Show ▼

grid-template-columns: 250px 1fr;

Same layout with Flex?

Show ▼

display:flex; with sidebar flex: 0 0 250px and main flex: 1.

Equal-height columns naturally?

Show ▼

Grid: rows stretch by default.
Flex: items stretch on the cross axis (align-items: stretch is default).

🎯 Take the CSS Grid Vs Flexbox When To Use Which Practice Exam