The Vuetify docs have lots of examples of how to use their grid layout support, e.g. a nested grid
<v-container class="grey lighten-5">
<v-row>
<v-col sm="9">
Row 1, Col 1
<v-row>
<v-col
cols="8"
sm="6"
>
Row 2, Col 1
</v-col>
<v-col
cols="4"
sm="6"
>
Row 2, Col 2
</v-col>
</v-row>
</v-col>
</v-row>
</v-container>
But it's not clear to me what the requirements are for how these elements should be used. For example:
- Is
<v-container>
required? - Does
<v-row>
in the parent grid have to be a direct child of<v-container>