Problem with v-col Vuetify

Asked

Viewed 494 times

-2

Hello1] I’m having a problem with the vuetify Gride system. I’m using lg for viewing on my machine, however when using Xs or Sm for mobile devices is giving no effect.

In the resolution of my machine is working perfectly lg, however the problem is on mobile devices. I intend to place the logo in one row and the search bar in the other, so each one occupying 12 columns.

Some light?

Thank you, from now on.

vue.js grid vuetify

1 answer

0


<template>
  <v-row>
    <v-col cols="12" sm="6" md="4" lg="3" offset-lg="1">
      <v-card class="pa-2" outlined tile>Card 1</v-card>
    </v-col>

    <v-col cols="12" sm="6" md="4" lg="3" offset-lg="1">
      <v-card class="pa-2" style="background-color: lightgrey;">Card 2</v-card>
    </v-col>
  </v-row>
</template>

Utiliza cols="12"....

Browser other questions tagged vue.js grid vuetify

You are not signed in. Login or sign up in order to post.