更改行数时更改 CSS 网格列

Question

好的，我有一个包含三个单元格的网格容器。我已将此 CSS 应用于容器：

margin:0 auto;
display:grid;
gap: 0;
grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
justify-items:stretch;
align-items:stretch;

当屏幕宽度变小时，第三个单元格转到第二行。但我希望该单元格像这张图片一样延伸到整个宽度：

这有可能吗？ 提前致谢！