[Solved] [V1] Q-Card Layout Issue

[Stanley]

Below is my demo.
https://codepen.io/Stanley-549393092/pen/KOwwbv

My scenario is: there are three cards on one row, the first and second are fixed witdh, I would like the third one to automatically fill the remaining space. But now as you can see, the third goes to the next row.
Could you please do me a favor, thanks!

[metalsadman]

@Stanley add a no-wrap class on your parent div wrapping the cards. https://codepen.io/metalsadman/pen/wVBMvw

[Stanley]

@metalsadman Thanks! I found they are now with the same width. I would like, for example, the first card occupies 200px, the second one occupies 200px, and the third one occupies the remaining 100px because I set the max width 500px in the parent. Could you please have a look again?

[metalsadman]

@Stanley said in [V1] Q-Card Layout Issue:

@metalsadman Thanks! I found they are now with the same width. I would like, for example, the first card occupies 200px, the second one occupies 200px, and the third one occupies the remaining 100px because I set the max width 500px in the parent. Could you please have a look again?

updated https://codepen.io/metalsadman/pen/wVBMvw

[Stanley]

@metalsadman Great, thanks a lot!