[Vuejs]-Align two columns in center position in Vuetify

by

1👍

✅

Use mx-auto on the outer v-col…

<main class="align-center">
  <v-row class="no-gutters" style="border: 3px solid green">
    <v-col class="mx-auto">
      <v-row class="no-gutters">
        <v-col cols="3">
          <v-card color="#fdf6f1" raised>
            <v-list shaped>
              .....
            </v-list>
          </v-card>
        </v-col>
        <v-col cols="5">
          <v-card color="#fdf6f1" raised>
           .....
          </v-card>
        </v-col>
      </v-row>
    </v-col>
  </v-row>
</main>

Leave a comment