title: CSS to toggle the bootstrap-vue card full screen
body: <p>I have two charts(Apex) inside two bootstrap-vue cards, I want to put a button on each card which upon clicking should make my individual card full screen. Everything is set up but my CSS to make it full screen is not working.</p>
  <p>When uncommenting the below CSS in my sandbox(link is given below), It makes my cards overlapped.</p>
  <pre><code>  div.card-body.sessionInfo {
    display: block;
    z-index: 9999;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    overflow: auto;
  }
  </code></pre>
  <p>Sandbox link is here : <a href="https://codesandbox.io/s/async-moon-6dbgn?file=/src/App.vue:845-1029" rel="nofollow noreferrer">click here</a></p>