How to center in the body

[francelwebdev]

Hello,

I use varlet and nuxtjs and i want to know how to center this card in the body beween the header and footer.

[chouchouji]

Can you provide your reproduction code？

[francelwebdev]

@chouchouji

> <var-form ref="form" scroll-to-error="start" > <var-space direction="column" :size="[14, 0]"> <var-space direction="column" :size="[14, 0]"> <var-button block type="primary" @click=""> Utiliser Google </var-button> </var-space> <var-input variant="outlined" placeholder="Email" :rules="v => !!v || 'The username cannot be empty'" v-model="loginFormData.email" /> <var-space direction="column" :size="[14, 0]"> <var-button block type="primary" @click=""> Se connecter </var-button> </var-space> </var-space> </var-form> </var-card> </var-col> </var-row>

[chouchouji]

@chouchouji

> <var-form ref="form" scroll-to-error="start" > <var-space direction="column" :size="[14, 0]"> <var-space direction="column" :size="[14, 0]"> <var-button block type="primary" @click=""> Utiliser Google </var-button> </var-space> <var-input variant="outlined" placeholder="Email" :rules="v => !!v || 'The username cannot be empty'" v-model="loginFormData.email" /> <var-space direction="column" :size="[14, 0]"> <var-button block type="primary" @click=""> Se connecter </var-button> </var-space> </var-space> </var-form> </var-card> </var-col> </var-row>

I can't reproduce by the code only.