[Vuejs]-How to separate quasar q-card from the center?

by

1👍

You can use Quasar’s excellent layout system to achieve this.

First, you have to distribute evenly your groups.

Apply the class col-6 to the sections (Group 1, Group 2) separated by your <q-separator vertical>.

Then, simply apply the class col to your Group 2 sub-sections (A, B).

Here’s a Codepen.

👤Christian Bonato

Leave a comment