Fifty-Fifty

Split the page directly in the center vertically using flexbox.

<template>
  <div class="fifty_fifty">
    <div class="left-half">
    </div>
    <div class="right-half">
    </div>
  </div>
</template>

<style lang="scss" scoped>
.fifty_fifty {
  display: flex;
  width: 100%;
  height: 60vh;
}
.left-half {
  background-color: rgba(blue, 0.1);
  flex: 1;
}
.right-half {
  background-color: rgba(red, 0.1);
  flex: 1;
}
</style>