fix: center the subtext by using a container (#5599)

This commit is contained in:
Vignesh Mohankumar 2022-12-08 22:29:41 -05:00 committed by GitHub
parent 480f3f29f3
commit 0a0b56b13d
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

@ -73,6 +73,11 @@ const SubText = styled.h3`
}
`
const SubTextContainer = styled.div`
display: flex;
justify-content: center;
`
const CTAButton = styled(BaseButton)`
padding: 16px;
border-radius: 24px;
@ -151,7 +156,9 @@ export default function Landing() {
<PageWrapper isDarkMode={isDarkMode}>
<TitleWrapper>
<TitleText isDarkMode={isDarkMode}>Trade crypto & NFTs with confidence.</TitleText>
<SubTextContainer>
<SubText>Uniswap is the best way to buy, sell, and manage your tokens and NFTs.</SubText>
</SubTextContainer>
</TitleWrapper>
<ActionsWrapper>
<ButtonCTA as={Link} to="/swap">