Styling and homepage copy tweaks

This commit is contained in:
Brian Lovin 2019-01-13 12:57:59 -08:00
parent fa064f0ffb
commit c2da7af755
3 changed files with 10 additions and 8 deletions

View file

@ -48,8 +48,8 @@ export const SectionHeading = styled.div`
`;
export const Heading = styled.h3`
font-size: 32px;
font-weight: 700;
font-size: 40px;
font-weight: 800;
line-height: 1.2;
color: ${theme.text.default};
@ -62,7 +62,8 @@ export const Subheading = styled.h4`
font-size: 22px;
font-weight: 400;
color: ${theme.text.tertiary};
margin-top: 16px;
margin-top: 12px;
line-height: 1.2;
a {
color: ${theme.text.default};

View file

@ -5,8 +5,9 @@ export const Container = styled.div`
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 16px;
margin-top: 32px;
margin-bottom: 8px;
margin-top: 40px;
margin-bottom: 16px;
width: 100%;
button {
width: 100%;

View file

@ -20,10 +20,10 @@ class Index extends React.Component<{}> {
return (
<Page>
<SectionHeading>
<Heading>Improve your digital privacy and security</Heading>
<Heading>Be safe on the internet.</Heading>
<Subheading>
The following resources are designed to keep you safe while using
digital devices and the internet.
An open source collection of resources designed to improve your
online privacy and security.
</Subheading>
</SectionHeading>