Hmm, weird. I first noticed it on a Windows 10 laptop with a low resolution. Then I could reproduce it on a Linux machine in the responsive design mode of Firefox.
I’ll try to figure out what the problem is, but there does not seem to be an obvious solution.

I am using Firefox. In Chrome it seems to work fine indeed. I forgot to check the behavior in different browsers than Firefox…

So it is a bug, but is it a bug with Quasar or Firefox?

The limiting width of a QCard seems to be default behaviour. The only way to get it to stretch across the whole width of the screen is by applying col-12, by default it seems to match col-4.

Thanks.
With col-6 it seems to work fine, but using three inputs next to each other with col-4 causes problems:
https://codepen.io/anon/pen/XyMzra

I am not sure if I am doing something wrong or if this is a bug.
The problem is that q-input fields will overlap when they are used inside QCardMain.
Here is an example:
https://codepen.io/anon/pen/zMNjjG

It works fine for widths smaller than 992 pixels, but when the width increases the inputs are placed next to each other and the content overlaps. I have tried a lot of different things, but I can’t seem to get it to work so some help would be appreciated.

Thanks