如何解决Chakra-UI 定位
<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 举报,一经查实,本站将立刻删除。