Chakra-UI 定位

编程问答 2022-05-15

问题描述

<Grid
    maxH="90vh"
    templateRows="repeat(2,1fr)"
    templateColumns="repeat(2,1fr)"
    gap={8}
>
    <GridItem
        p={{ base: '0rem 2rem',lg: '0rem 8rem' }}
        rowStart={1}
        colStart={2}
    >
        <Heading>About Us</Heading>
        <Text>
            Lorem ipsum,dolor sit amet consectetur adipisicing
            elit. Deleniti fugit ad consequuntur?
        </Text>
    </GridItem>
    <GridItem
        p={{ base: '0rem 2rem',lg: '0rem 8rem' }}
        rowStart={1}
        colStart={1}
    >
        <Heading fontSize="7xl">
            Our
        </Heading>
    </GridItem>
    <GridItem
        p={{ base: '0rem 2rem',lg: '0rem 8rem' }}
        rowStart={2}
        colStart={1}
    >
        <Text>
            Our{' '}
            <Text as="span" color="green.700">
                mission
          </Text>{' '}
          is to enhance and preserve the quality of life
        </Text>
    </GridItem>
    <GridItem
        p={{ base: '0rem 2rem',lg: '0rem 8rem' }}
        rowStart={2}
        colStart={2}
    >
        <Text>
            We{' '}
            <Text as="span" color="green.700">
                envision
          </Text>{' '}
          We envision a community that offers an inspiring lifestyle and quality
        </Text>
    </GridItem>
</Grid>

我想将 rowStart={1} colStart={1} 放置在网格的左下方。而且，我不知道怎么做。

如果有人能提供帮助，我将不胜感激！尤其是 React 和 Chakra-UI 的新手也很乐意提供提示。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

chakrajavascriptreactjsreactjs