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

This commit is contained in:
ben
2026-07-09 16:06:21 -07:00
parent 5ea77b84b9
commit 9b80cb6a6d
+10 -6
View File
@@ -164,7 +164,7 @@ a {
width: min(1120px, 100%);
min-height: 100svh;
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;
flex-direction: column;
align-items: center;
@@ -173,7 +173,7 @@ a {
.site-footer {
position: relative;
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);
text-align: center;
}
@@ -223,7 +223,7 @@ a {
.intro {
width: min(900px, 88vw);
margin: clamp(4rem, 6vw, 5.75rem) auto 0;
margin: clamp(5.5rem, 8vw, 7.5rem) auto 0;
text-align: center;
}
@@ -242,7 +242,7 @@ a {
.star-divider {
width: min(24rem, 72vw);
margin: clamp(3.75rem, 6vw, 5.25rem) auto 0;
margin: clamp(4.75rem, 7vw, 6.5rem) auto 0;
display: grid;
grid-template-columns: 1fr auto 1fr;
align-items: center;
@@ -360,7 +360,7 @@ a {
.intro {
width: min(34rem, 88vw);
margin-top: clamp(3.25rem, 11vw, 4.25rem);
margin-top: clamp(4.25rem, 14vw, 5.5rem);
}
.intro p {
@@ -368,7 +368,11 @@ a {
}
.star-divider {
margin-top: clamp(3rem, 10vw, 4rem);
margin-top: clamp(4rem, 13vw, 5.25rem);
}
.site-footer {
margin-top: clamp(4.5rem, 15vw, 6rem);
}
}