Justified container into center like in twitter

index.html

<div id="app">
   <v-toolbar class="green">
      <v-toolbar-title>Example vuetify template</v-toolbar-title>
    </v-toolbar>
        
  <v-app>
      <v-content>
        
        <v-container fluid grid-list-xl>
    <v-layout row justify-center>
      <v-flex xs3>
        <v-card>
          <v-card-text>one</v-card-text>
        </v-card>
      </v-flex>
      <v-flex xs9>
        <v-card>
          <v-card-text>two</v-card-text>
        </v-card>
        <v-card>
          <v-card-text>three</v-card-text>
        </v-card>
      </v-flex>
      
      </v-container>
       </v-app>
  </div>

justified-container-into-center-like-in-twitter.markdown

Justified container into center like in twitter

A Pen by joe on CodePen.

License.

script.js

new Vue({ el: '#app' });

scripts

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.10/vue.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/vuetify/0.17.4/vuetify.js"></script>

styles

<link href="https://cdnjs.cloudflare.com/ajax/libs/vuetify/0.17.4/vuetify.min.css" rel="stylesheet" />