<template>
  <div class="grid-base">
    <hive-row :gutter="10">
      <hive-col></hive-col>
      <hive-col></hive-col>
      <hive-col></hive-col>
      <hive-col></hive-col>
      <hive-col></hive-col>
      <hive-col></hive-col>
      <hive-col></hive-col>
      <hive-col></hive-col>
      <hive-col></hive-col>
      <hive-col></hive-col>
      <hive-col></hive-col>
      <hive-col></hive-col>
    </hive-row>

    <hive-row :gutter="10" :colCount="7">
      <hive-col></hive-col>
      <hive-col></hive-col>
      <hive-col></hive-col>
      <hive-col></hive-col>
      <hive-col></hive-col>
      <hive-col></hive-col>
      <hive-col></hive-col>
    </hive-row>

    <hive-row :gutter="10" :colCount="5">
      <hive-col></hive-col>
      <hive-col></hive-col>
      <hive-col></hive-col>
      <hive-col></hive-col>
      <hive-col></hive-col>
    </hive-row>

    <hive-row :gutter="10" :colCount="4">
      <hive-col></hive-col>
      <hive-col></hive-col>
      <hive-col></hive-col>
      <hive-col></hive-col>
    </hive-row>

    <hive-row :gutter="10" :colCount="3">
      <hive-col></hive-col>
      <hive-col></hive-col>
      <hive-col></hive-col>
    </hive-row>

    <hive-row :gutter="10" :colCount="2">
      <hive-col></hive-col>
      <hive-col></hive-col>
    </hive-row>
  </div>
</template>
