Skip to content
Search

V-card

lastmod 2021-08-11created 2021-07-143 edits

How to center inside a v-card

How to center a Title inside a Card inside an aligned Container:

<template>
  <v-main class="no-select">
    <v-container fluid class="fill-height">
      <v-row align="center" justify="center">
        <v-col cols="10" sm="8" md="6" lg="4" xl="2">
          <v-card>
            <v-card-title>
              <v-container>
                <v-row align="center" justify="center">
                  <title-logo
                      class="align-self-center mx-auto my-6"
                      :is-text-mode="false"
                      :is-uppercase="false"
                      :text="'answer'"
                  ></title-logo>
                </v-row>
              </v-container>
            </v-card-title>
          </v-card>
        </v-col>
      </v-row>
    </v-container>
  </v-main>
</template>

Apply the mx-auto class inside the v-img.

Transparent background

<v-card outlined color="transparent">
   ...
</v-card>

See also

author Zer0 sitemap