I am a huge fan of ACSS and Bricks, but setting grid sizes at every breakpoint is a pain. Before you say, “But Steve, ACSS has auto grid,” I know there are built-in options, but they never work the way I want. Watching a different Kevin explain an easy-to-use layout, I now have my new favorite approach to card layouts.

/* In the grid-template columns */
repeat(auto-fill, minmax(min(360px, 100%), 1fr));

/* If you want equal heaight cards in every row add this to grid-auto-rows */
minmax(min-content, 1fr);

Here is a screenshot of the Bricks grid panel.