<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-row>

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

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

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

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

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