如何使Vuetify网格与内部组件的高度相同

Question

我正在尝试使用vuetify和nuxt构建网页。我有：

 <v-app id="inspire">

<v-container justify-center style="max-width: 1200px">
          <v-layout row justify-space-around>

    <v-flex justify-center >
      <v-expansion-panel style="max-width: 1200px">
        <v-expansion-panel-content v-for="(item,i) in items" :key="i">
          <div slot="header">{{item.header}}</div>
          <v-card>
            <v-card-text>{{item.text}}</v-card-text>
          </v-card>
        </v-expansion-panel-content>
      </v-expansion-panel>
    </v-flex>
  </v-layout>
</v-container>

这将扩展面板及其顶部居中。问题在于，直到下一个组件，底部之间仍有很大的差距。请看截图。如何设置网格使其高度与扩展面板基本相同，从而没有间隙？