<template>
  <b-container class="c-layout-fluid-1-1" fluid>
    <b-row align-v="center" class="">
      <b-col cols="6">
        <slot name="left" />
      </b-col>
      <b-col cols="6">
        <slot name="right" />
      </b-col>
    </b-row>
  </b-container>
</template>
<script>
/**
 *  Fluid 1 1
 *  This is a fluid layout that displays 2 colums in 1:1 ratio
 */
export default {
  name: 'Fluid11',
}
</script>
<style scoped>
.c-layout-fluid-1-1 {
  background: black;
}
</style>
