<template>
  <div class="grid-response">
    <hive-row
      :gutter="10"
      :col-count="4"
      :md="{ colCount: 2, gutter: 6 }"
      :sm="1"
      :xs="1"
    >
      <hive-col />
      <hive-col />
      <hive-col />
      <hive-col />
    </hive-row>
    <hive-row :gutter="10">
      <hive-col
        :span="3"
        :md="4"
        :sm="12"
        :xs="12"
      />
      <hive-col
        :span="3"
        :md="4"
        :sm="12"
        :xs="12"
      />
      <hive-col
        :span="3"
        :md="4"
        :sm="12"
        :xs="12"
      />
      <hive-col
        :span="3"
        :md="12"
        :sm="12"
        :xs="12"
      />
    </hive-row>
  </div>
</template>
