Update padding and margin values for intro, star-divider, and site-footer for improved layout consistency and responsiveness
This commit is contained in:
+10
-6
@@ -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);
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user