A card grid that fits what it can in HTML & CSS
HTML & CSS interview exercise on Grid, difficulty 1 of 3. Solve it in the editor beside a worked example, or cold in Interview mode with the example hidden; the tests run the moment you do.
Lay the six cards out in a grid with 16px gaps where each column is at least 220px wide and the grid fits as many columns as the width allows: four on a wide page, two at 480px, one at 320px. Every column must be the same width, and the grid must never overflow sideways.
Each exercise pairs a worked example with a twin problem to solve in a real editor; the tests run the moment you do. Interview mode hides the example: solve it from memory, without the hint or the solution, and it counts as solved cold. Progress is saved in your browser, and in your account if you sign in.