mirror of
https://github.com/brianlovin/security-checklist.git
synced 2026-03-11 08:55:31 +00:00
Styling and homepage copy tweaks
This commit is contained in:
parent
fa064f0ffb
commit
c2da7af755
3 changed files with 10 additions and 8 deletions
|
|
@ -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};
|
||||
|
|
|
|||
|
|
@ -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%;
|
||||
|
|
|
|||
|
|
@ -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>
|
||||
|
||||
|
|
|
|||
Loading…
Reference in a new issue