[Vuejs]-Vuetify.js – how to make cards on same row fill all available vertical space?

by

3👍

✅

Simply add min-height: 100%; styling for the cards. 🙂

I have edited your example here: https://codepen.io/bj-rn-nyborg/pen/oNzNyRy

👤Bjørn Nyborg

1👍

There’s no prop in v-row or v-col that controls the height of child components, so you should control the height of every card by using the min-height props with "100%" as value :

<v-card min-height="100%">
...
👤Boussadjra Brahim

Leave a comment