Mobile view for 4 columns grid

This is my grid in mobile view - just 4 columns but it is not responsive. The first and last columns are set to flex-grow = 0 and rest of them are set to auto width. But the last column is not fitting into the viewport.
What is the native solution instead of compact/dense grid?
image.png

You could add a browser window resize listener and add/hide columns when the screen gets narrow enough.

Here is an example How do I make a responsive Grid that has a different set of columns depending on the browser width. - Vaadin Cookbook

thanks. I found similar solution from the business app too