Grid

<template>
  <div>
    <h3>Grid</h3>
    <v-card class="mt-5 mb-8">
      <v-card-text>
        <v-container>
          <v-row>
            <v-col cols="12">
              <v-card
                class="pa-2"
                outlined
                tile
              >
                Column
              </v-card>
            </v-col>
          </v-row>
          <v-row>
            <v-col cols="4">
              <v-card
                class="pa-2"
                outlined
                tile
              >
                Column
              </v-card>
            </v-col>
            <v-col cols="4">
              <v-card
                class="pa-2"
                outlined
                tile
              >
                Column
              </v-card>
            </v-col>
            <v-col cols="4">
              <v-card
                class="pa-2"
                outlined
                tile
              >
                Column
              </v-card>
            </v-col>
          </v-row>
        </v-container>
      </v-card-text>
    </v-card>
  </div>
</template>

<style scoped>
  /* .container {
    border: 1px solid green;
  }
  .row {
    border: 1px solid red;
  }
  .col {
    border: 1px solid blue;
  } */
</style>

<div>

<v-card class="mt-5 mb-8">

<v-card-text>

<v-container>

<v-row>

<v-col cols="12">

<v-card

class="pa-2"

outlined

tile

Column

</v-card>

</v-col>

</v-row>

<v-row>

<v-col cols="4">

<v-card

class="pa-2"

outlined

tile

Column

</v-card>

</v-col>

<v-col cols="4">

<v-card

class="pa-2"

outlined

tile

Column

</v-card>

</v-col>

<v-col cols="4">

<v-card

class="pa-2"

outlined

tile

Column

</v-card>

</v-col>

</v-row>

</v-container>

</v-card-text>

</v-card>

</div>

</template>

/* .container {

border: 1px solid green;

}

.row {

border: 1px solid red;

}

.col {

border: 1px solid blue;

} */

</style>

›

"Download the Vue Devtools extension for a better development experience: https://github.com/vuejs/vue-devtools"

›

"You are running Vue in development mode. Make sure to turn on production mode when deploying for production. See more tips at https://vuejs.org/guide/deployment.html"

-6:24