Estoy trabajando en un proyecto con vutify. He creado un diseño. Quiero que las columnas se muestren una al lado de la otra como la figma en la misma línea. Aquí está mi resultado hasta ahora. [![ingrese la descripción de la imagen aquí][1]][1]

Estoy compartiendo mi código. Quiero que col-2 no se apague, sino que se alinee en la misma línea con la siguiente fila.

 .box-contact { background: url("./../assets/img/homepage-image/background.png"); width: 692%; height: 105px; }

 <template> <v-container grid-list-lg class="prodotti-cataloghi"> <v-row> <v-col cols="12" md="5" lg="6" class="ma-0 pa-0"> <h5>Prodotti </h5> </v-col> <!--<v-divider vertical class="vertical hidden-sm-and-down "> </v-divider> --> <v-col cols="12" md="6" lg="6" class="ma-0 pa-0"> <div class="box-contact text-center hidden-sm-and-down d-flex flex-wrap"> <p class="white--text">Lorem ipsum? Contattaci. +xx xxx xxxxx </p> <a class="phone-contact"> <img src="./../assets/img/homepage-image/Phone.png"> </a> </div> </v-col> </v-row> </v-container> </template>

A continuación, en la segunda columna, hice css para agregar una imagen de fondo en la clase .box-contact, pero puede agregar lo que quiera. pero en segundo lugar, no debería salir, debería alinearse con la siguiente fila. No sé si es un problema con el ancho de la imagen o un problema con el bacalao. ¿Alguna idea?