<template>
        <Card class="main-card">
            <Row :gutter="16">
              <Col span="8">
                <Card class="cb-menu">
                  <Icon type="ios-restaurant" size="100" color="white"/>
                  <div style="text-align:center">
                    <h3>Przepisy</h3>
                  </div>
                </Card>
              </Col>
              <Col span="8">
                <Card class="cb-menu">
                  <Icon type="ios-calculator" size="100" color="white"/>
                  <div style="text-align:center">
                    <h3>Kalkulator</h3>
                  </div>
                </Card>
              </Col>
              <Col span="8">
                <Card class="cb-menu">
                  <Icon type="ios-leaf" size="100" color="white"/>
                  <div style="text-align:center">
                    <h3>Dieta</h3>
                  </div>
                </Card>
              </Col>
            </Row>
        </Card>
</template>

<style scoped>
  .main-card {
    margin: 0;
    top: 50%
  }

  .cb-menu {
    background: #248200;
    color: white;
  }

</style>
