GitHub/jsoncrack.com
1
0
Fork 0
mirror of https://github.com/AykutSarac/jsoncrack.com.git synced 2025-01-27 15:22:56 +08:00
Code Issues Packages Projects Releases Wiki Activity

decrease gap between sections

Browse Source
This commit is contained in:
AykutSarac 2022-09-07 18:18:24 +03:00
parent 98b56deaa5
commit 8ccafa6cdd
1 changed files with 7 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
src/containers/Home/styles.tsx
View File

@ -114,7 +114,7 @@ export const StyledMinorTitle = styled.p`
export const StyledButton = styled(Button)`
background: ${({ status }) => !status && "#a13cc2"};
padding: 12px 24px;
div {
font-family: "Roboto", sans-serif;
font-weight: 700;
@ -145,7 +145,7 @@ export const StyledFeaturesSection = styled.section`
max-width: 85%;
margin: 0 auto;
gap: 2rem;
padding: 60px 3%;
padding: 50px 3%;
@media only screen and (max-width: 768px) {
flex-direction: column;
@ -194,7 +194,7 @@ export const StyledSection = styled.section<{ reverse?: boolean }>`
margin: 0 auto;
gap: 4rem;
line-height: 1.5;
padding: 60px 3%;
padding: 50px 3%;
& > div {
width: 100%;
@ -221,15 +221,12 @@ export const StyledSectionArea = styled.div`
@media only screen and (max-width: 768px) {
width: 100%;
align-items: center;
h2,
p {
text-align: center;
}
button {
align-self: center;
}
}
`;
@ -242,7 +239,7 @@ export const StyledSponsorSection = styled.section`
margin: 0 auto;
gap: 2rem;
line-height: 1.5;
padding: 60px 3%;
padding: 50px 3%;
@media only screen and (max-width: 768px) {
max-width: 80%;
@ -258,7 +255,7 @@ export const StyledEmbedSection = styled.section`
margin: 0 auto;
gap: 2rem;
line-height: 1.5;
padding: 60px 3%;
padding: 50px 3%;
@media only screen and (max-width: 768px) {
max-width: 80%;
@ -338,7 +335,7 @@ export const StyledPaidSection = styled.section`
max-width: 85%;
margin: 0 auto;
gap: 2rem;
padding: 60px 3%;
padding: 50px 3%;
@media only screen and (max-width: 768px) {
flex-direction: column;