Grid

Vuetify comes with a 12 point grid system built using flex-box. The grid is used to create specific layouts within an application's content. It contains 5 types of media breakpoints that are used for targeting specific screen sizes or orientations, xs, sm, md, lg and xl. These resolutions are defined below in the Viewport Breakpoints table and can be modified by customizing the Breakpoint service.

<v-row>
  <v-col cols="12" sm="12" md="4" lg="4" xl="4">
     <v-card
        class="ma-3 pa-6"
        outlined
        tile
      >
        Column
      </v-card>
  </v-col>
</v-row>

<v-layout row wrap>
  <v-flex xs12 md4 xl4>
	<p>Overflow</p>							
  </v-flex>
</v-layout>

Last updated