ben/Squiggleverse
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update padding and margin values for intro, star-divider, and site-footer for improved layout consistency and responsiveness

Browse Source
This commit is contained in:
ben
2026-07-09 16:06:21 -07:00
parent 5ea77b84b9
commit 9b80cb6a6d
1 changed files with 10 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app.css
+10 -6
View File
@@ -164,7 +164,7 @@ a {
width: min(1120px, 100%); width: min(1120px, 100%);
min-height: 100svh; min-height: 100svh;
margin-inline: auto; margin-inline: auto;
padding: clamp(1.25rem, 4vw, 2.75rem) clamp(1rem, 3vw, 2rem) clamp(2rem, 6vw, 4rem); padding: clamp(1.25rem, 4vw, 2.75rem) clamp(1rem, 3vw, 2rem) 0;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
@@ -173,7 +173,7 @@ a {
.site-footer { .site-footer {
position: relative; position: relative;
width: min(1120px, 100%); width: min(1120px, 100%);
margin-inline: auto; margin: clamp(5rem, 8vw, 7.5rem) auto 0;
padding: 0 clamp(1rem, 3vw, 2rem) clamp(1.4rem, 3vw, 2rem); padding: 0 clamp(1rem, 3vw, 2rem) clamp(1.4rem, 3vw, 2rem);
text-align: center; text-align: center;
} }
@@ -223,7 +223,7 @@ a {
.intro { .intro {
width: min(900px, 88vw); width: min(900px, 88vw);
margin: clamp(4rem, 6vw, 5.75rem) auto 0; margin: clamp(5.5rem, 8vw, 7.5rem) auto 0;
text-align: center; text-align: center;
} }
@@ -242,7 +242,7 @@ a {
.star-divider { .star-divider {
width: min(24rem, 72vw); width: min(24rem, 72vw);
margin: clamp(3.75rem, 6vw, 5.25rem) auto 0; margin: clamp(4.75rem, 7vw, 6.5rem) auto 0;
display: grid; display: grid;
grid-template-columns: 1fr auto 1fr; grid-template-columns: 1fr auto 1fr;
align-items: center; align-items: center;
@@ -360,7 +360,7 @@ a {
.intro { .intro {
width: min(34rem, 88vw); width: min(34rem, 88vw);
margin-top: clamp(3.25rem, 11vw, 4.25rem); margin-top: clamp(4.25rem, 14vw, 5.5rem);
} }
.intro p { .intro p {
@@ -368,7 +368,11 @@ a {
} }
.star-divider { .star-divider {
margin-top: clamp(3rem, 10vw, 4rem); margin-top: clamp(4rem, 13vw, 5.25rem);
}
.site-footer {
margin-top: clamp(4.5rem, 15vw, 6rem);
} }
} }