SimpleFlex.vue

<template>
  <CFlex color='white'>
    <CCenter w='100px' bg='green.500'>
      <CText>Box 1</CText>
    </CCenter>
    <CSquare bg='blue.500' size='150px'>
      <CText>Box 2</CText>
    </CSquare>
    <CBox flex='1' bg='tomato'>
      <CText>Box 3</CText>
    </CBox>
  </CFlex>
</template>