Estoy creando una página de inicio de sesión/registro con vue y vuetify. Pongo el código a continuación (el texto está en italiano porque soy italiano pero puedes entender el punto):

 <v-row align="center" justify="center" class="prova" > <v-col cols="10" lg="3" md="4" sm="5" > <v-card > <v-card-title class="center"> Login </v-card-title> <v-card-text class="center" > <v-container> <v-form> <v-text-field label="Email" required ></v-text-field> <v-text-field :append-icon="showPassword ? 'mdi-eye' : 'mdi-eye-off'" :type="showPassword ? 'text' : 'password'" label="Password" counter @click:append="showPassword = !showPassword" ></v-text-field> <v-btn color="primary" > Accedi </v-btn> </v-form> </v-container> </v-card-text> </v-card> </v-col> <v-col cols="10" lg="3" md="4" sm="5" fill-height > <v-card > <v-card-title class="center"> Registrazione </v-card-title> <v-card-text class="center"> <v-container > <div >Vuoi accedere al sito ma non sei registrato? Clicca qui sotto per farlo subito!</div> <br> <v-btn color="primary" > Registrati </v-btn> </v-container> </v-card-text> </v-card> </v-col> </v-row>

Si prueba esto, verá que la tarjeta "Registrati" (registrarse) tiene una altura más baja que la tarjeta de inicio de sesión. ¿Hay alguna forma (preferiblemente con css, pero si no con js) de hacer que la altura sea la misma que la de la tarjeta de inicio de sesión para que se vea mejor?

¡Gracias! ¡Que tengas un lindo día!