202 cards
This deck is all about one of the most practical questions in modern CSS: when should you reach for Grid, and when does Flexbox make more sense? Each card walks you through a real layout scenario — like centering an element, building a sidebar, or handling equal-height columns — and asks you to pick the right tool. It's a focused way to sharpen your layout instincts rather than just memorizing syntax.
The deck is a great fit if you're comfortable writing basic CSS but find yourself hesitating whenever a new layout comes up. Whether you're a beginner trying to build intuition or a more experienced developer who wants to stop second-guessing between `display: grid` and `display: flex`, the spaced question-and-answer format helps the decision patterns stick. You'll cover essentials like `auto-fit` versus `auto-fill`, the meaning of `flex: 1`, and how Grid's `order` property compares to Flexbox's.
To get the most out of these cards, try answering each one out loud before flipping — even a quick gut guess trains your decision-making. Reviewing in short sessions across a few days works better than cramming everything at once, since layout concepts really click when you see them repeated from different angles. And keep a code editor open nearby so you can test any answer you're unsure about; nothing beats seeing Grid and Flexbox behave side by side.