How to stretch last grid item across full width of screen, when it goes to new row?

Question

I have:

display: grid;
grid-template-columns: repeat(auto-fit, minmax(30rem, 1fr));
gap: 1rem;

When there is not enough space to fit all thre