title: Vuetify grid positioning
body: <p>I'm coding an online store page with vuetify. I'm loading from firestore a collection of products and then I create columns and rows to display 3 products cards per row.
  I come from a bootstrap background and even if I have searched a solution for this problem and I have read the vuetify documentation I'm still really struggling with this problem:</p>
  
  <p>I want that every row is filled by 3 columns (lg="3") cause I want margins left and right. I have managed to doing this with this code:</p>
  
  <pre><code>&lt;v-row v-for="chunk in productChunks" :key="chunk" class="justify-center"&gt;
    &lt;v-col cols="12" lg="3" md="12"&gt;
    &lt;/v-col&gt;
  &lt;/v-row&gt;
  </code></pre>
  
  <p>However in this way if I have for example 4 products, the 4th one is centered and not placed in the left of the row (of course due to the justify center).</p>
  
  <p>So my question is: how can I make a row centered without using the justify center prop?</p>