Todays update (2.2.0) for eCommerce Product Catalog focuses on modern grid design.
A new feature is available in product settings.
How it works?
The modern grid elements will always occupy the full width available. When you set 1 product per row it will most likely dispaly a very big element. Setting it to 3 will cause in three equal elements per row.
Additionally we implemented a script that handles the font size for very small product listing elements. If you set it to 5 (wchich is a maksimum supported value) than probably the elements will be very small. The script will lower the font size to fit everything inside the container.
Let me know in the comments how this new feature works on your configurations.
If there are any problems I will be happy to improve it. As always :)