My admin panel has this issue: Cards should automatically reduce the number of columns as the viewport becomes narrower.. What CSS change fixes it?

Problem: Cards should automatically reduce the number of columns as the viewport becomes narrower. Context: This CSS troubleshooting question uses a admin panel example. Correct approach: Use auto-fit with minmax() so the grid can reflow automatically. Working CSS: .cards { display:grid; grid-template-columns:repeat(auto-fit, minmax(240px, 1fr)); gap:20px; }