Some cosmetic updates

This commit is contained in:
Kent Joseph T. Palima
2026-04-30 11:06:40 +08:00
parent 7deebdcf30
commit 0fc550b76b
+16 -8
View File
@@ -13,14 +13,14 @@
color: $primary; color: $primary;
font-size: 4.4374rem; font-size: 4.4374rem;
font-weight: 900; font-weight: 900;
margin-bottom: 2.5rem; /* Restored the heading and adjusted its spacing */ margin-bottom: 2.5rem;
} }
/* Centered President Block */ /* Centered President Block */
.executive-top { .executive-top {
text-align: center; text-align: center;
margin-bottom: 2rem; /* Reduced from 4rem to pull the grid closer */ margin-bottom: 2rem;
padding-bottom: 1.5rem; /* Reduced to lessen the gap */ padding-bottom: 1.5rem;
border-bottom: 2px solid rgba(0, 0, 0, 0.1); border-bottom: 2px solid rgba(0, 0, 0, 0.1);
h2 { h2 {
@@ -32,7 +32,7 @@
} }
h3 { h3 {
font-size: 2rem; font-size: 1.5rem; /* MATCHED: President name is now 1.5rem */
font-weight: 700; font-weight: 700;
color: $dark; color: $dark;
} }
@@ -67,7 +67,7 @@
strong { strong {
display: block; display: block;
font-size: 1.25rem; font-size: 1.5rem; /* MATCHED: VP name is now 1.5rem */
color: $dark; color: $dark;
line-height: 1.2; line-height: 1.2;
} }
@@ -116,12 +116,12 @@
@media screen and (max-width: 768px) { @media screen and (max-width: 768px) {
.current-members-section { .current-members-section {
padding-top: 7rem; /* Increased top padding to prevent header overlap! */ padding-top: 7rem;
padding-bottom: 4rem; padding-bottom: 4rem;
padding-inline: 1rem; padding-inline: 1rem;
h1 { h1 {
font-size: 2.5rem; /* Scaled down the H1 for mobile screens */ font-size: 2.5rem;
margin-bottom: 2rem; margin-bottom: 2rem;
} }
@@ -129,11 +129,19 @@
margin-bottom: 1.5rem; margin-bottom: 1.5rem;
padding-bottom: 1rem; padding-bottom: 1rem;
h2 { font-size: 1.25rem; } h2 { font-size: 1.25rem; }
h3 { font-size: 1.75rem; } h3 { font-size: 1.25rem; } /* MATCHED: Scaled down cleanly for mobile */
} }
.committees-grid { .committees-grid {
grid-template-columns: repeat(2, 1fr); grid-template-columns: repeat(2, 1fr);
.committee-column {
.committee-head {
strong {
font-size: 1.25rem; /* MATCHED: Scaled down cleanly for mobile */
}
}
}
} }
} }
} }