[Vuejs]-Stack items on small device in Vuetify

by

1👍

You just need to change the v-col width attribute from cols to multiple attributes lg and sm.

<template>
  <v-container>
    <v-row class="mb-6">
      <v-col lg="2" sm="12">
        <v-img :src="member.elements.picture.value[0].url" height="12em"></v-img>
      </v-col>
      <v-col lg="8" sm="12">
        <v-container
          class="text-justify body-1"
          v-html="member.elements.description.value"
        ></v-container>
      </v-col>
    </v-row>
  </v-container>
</template>

grid documentation

👤depperm

Leave a comment