<template>
  <div class="body">
    <Navbar/>
    <div class="center">
      <!-- <img src="../assets/img/game.png" class="img-fluid" alt="Responsive image"> -->
      <div id="game" class="container">
        <div class="row">
          <div id="chat" class="col-4">
          </div>
          <div id="play" class="col-10">
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
  import Navbar from '@/components/Navbar'

  export default {
    name: 'Game',
    components: {
      Navbar
    }
  }
</script>

<style>
  #game {
    display: flex;
    height: 50px;
    border: 1px solid black;
  }
  #chat {
    /* display: flex; */
    /* width: 20%; */
    height: 50px;
    border: 1px solid black;
  }
  #play {
    /* display: flex; */
    /* width: 80%; */
    height: 50px;
    border: 1px solid black;
  }
</style>