Estoy trabajando en un proyecto con vutify. He creado un diseño en mi caso, tengo una fila y dos columnas. Quiero que las columnas se muestren una al lado de la otra como la figma en la misma línea. Estoy compartiendo mi código:

 <template> <v-container grid-list-lg class="prodotti-cataloghi"> <v-layout row > <v-col cols="12" md="6" sm="6" > <div class="section-title"> <h5>Test </h5> <h2>Test <span class="span"> & Cataloghi </span></h2> </div> </v-col> <v-divider vertical class="vertical hidden-sm-and-down "> </v-divider> <v-col cols="12" md="5" sm="6" > <div class="box-contact text-center hidden-sm-and-down "> <p class="white--text">Lorem ipsum? Contattaci. +xx xxxx xxxxx </p> <a class="phone-contact"> <img src="./../assets/img/homepage-image/Phone.png"> </a> </div> </v-col> </v-layout> </v-container> </template>

para la segunda clase col .box-contact, adjunto una imagen. Estoy compartiendo mi código para css:

 <!-- begin snippet: js hide: false console: true babel: false -->

He configurado esta imagen, pero puedes configurar lo que quieras. El segundo problema es que tenemos una fila de dos columnas md6 una al lado de la otra, son un total de 12 columnas, pero en segundo lugar, las columnas no se alinean en la misma línea con la siguiente fila. Creo que el problema es con el ancho, es necesario tener un % porque es una posición estática. Como puede ver en la captura de pantalla, ¡se apagan mis segundos cols! queremos alinearnos en la misma línea con la segunda fila. ¿Alguien puede idea?