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 5 years ago
Generic selectors
Exact matches only
Search in title
Search in content
Search in posts
Search in pages