https://i.stack.imgur.com/cKdsk.png
I am in the process of creating a website using vuetify and nuxt. My goal is to specify the max-width property for the expansion panel UI component (https://vuetifyjs.com/en/components/expansion-panels). Here is my current code snippet:
<template>
<v-app id="inspire">
<v-layout align-center justify-center row fill-height>
<!-- <v-layout align-center > -->
<v-expansion-panel style="maxWidth: 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-layout>
</v-app>
</template>
The current layout centers the expansion panel, but I want to move it up to the top of the v-layout to reduce the empty space. As shown in the screenshot, there is currently a significant gap. How can I achieve this positioning?