如何使Vuetify中的两行恰好占据半个屏幕

<template>
  <v-container>
    <!-- 内容 -->
  </v-container>
</template>

<template>
  <v-container>
    <v-row>
      <!-- 第一行内容 -->
    </v-row>
    <v-row>
      <!-- 第二行内容 -->
    </v-row>
  </v-container>
</template>

<template>
  <v-container>
    <v-row>
      <v-col cols="6">
        <!-- 第一行第一个元素 -->
      </v-col>
      <v-col cols="6">
        <!-- 第一行第二个元素 -->
      </v-col>
    </v-row>
    <v-row>
      <v-col cols="6">
        <!-- 第二行第一个元素 -->
      </v-col>
      <v-col cols="6">
        <!-- 第二行第二个元素 -->
      </v-col>
    </v-row>
  </v-container>
</template>