[Vuejs]-Vue.js how to achieve requested Grid view

Try/modify this approach:

<template>
  <div>
    <v-container fluid>
      <v-layout row wrap>
        <v-flex lg9>
          <v-flex lg4>
            <Communication />
          </v-flex>
          <v-flex lg8>
            <ActiveCall />
          </v-flex>
          <v-flex lg12>
            <History />
          </v-flex>
        </v-flex>
        <v-flex lg3>
          <Contacts />
        </v-flex>
      </v-layout>
    </v-container>
  </div>
</template>;