0
75
Vistasgrid system vutify aligned cols at the same line with nex row
I am working on project with vutify I have created a layout in my case I have one row and two cols . I want to cols to display side by side as the figma at the same line. I am sharing my code:
<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>for the second col class .box-contact I attachment an image I am sharing my code for css:
<!-- begin snippet: js hide: false console: true babel: false -->I have set this image but you can set what you want.
Secondly problem is that we have a row two cols md6 side by side are total 12 cols, but secondly cols doesn't align at the same line with next row I think problem is with width is necessary to have a % because is static position. As you can see in screenshot my secondly cols go out! we want to align at the same line with secondly row. Can anyone idea?
·
Juan Pablo Isaza
Responde la pregunta