<template>
  <div class="fullwidth">
    <div class="container">
      <div class="col_one">
          <slot name="col_one"></slot>
      </div>
      <div class="col_two">
          <slot name="col_two"></slot>
      </div>
      <div class="col_three">
          <slot name="col_three"></slot>
      </div>
    </div>
  </div>
</template>

<script lang="ts">
import Vue from 'vue';

export default Vue.extend({
  name: 'ThreeColumns'
})
</script>

<style scoped>
  .col_one,.col_two,.col_three {  width:33.33334%; float: left;}
</style>
