diff --git a/src/styles/current-members.scss b/src/styles/current-members.scss index bb84525..199ad0d 100644 --- a/src/styles/current-members.scss +++ b/src/styles/current-members.scss @@ -13,14 +13,14 @@ color: $primary; font-size: 4.4374rem; font-weight: 900; - margin-bottom: 2.5rem; /* Restored the heading and adjusted its spacing */ + margin-bottom: 2.5rem; } /* Centered President Block */ .executive-top { text-align: center; - margin-bottom: 2rem; /* Reduced from 4rem to pull the grid closer */ - padding-bottom: 1.5rem; /* Reduced to lessen the gap */ + margin-bottom: 2rem; + padding-bottom: 1.5rem; border-bottom: 2px solid rgba(0, 0, 0, 0.1); h2 { @@ -32,7 +32,7 @@ } h3 { - font-size: 2rem; + font-size: 1.5rem; /* MATCHED: President name is now 1.5rem */ font-weight: 700; color: $dark; } @@ -67,7 +67,7 @@ strong { display: block; - font-size: 1.25rem; + font-size: 1.5rem; /* MATCHED: VP name is now 1.5rem */ color: $dark; line-height: 1.2; } @@ -116,12 +116,12 @@ @media screen and (max-width: 768px) { .current-members-section { - padding-top: 7rem; /* Increased top padding to prevent header overlap! */ + padding-top: 7rem; padding-bottom: 4rem; padding-inline: 1rem; h1 { - font-size: 2.5rem; /* Scaled down the H1 for mobile screens */ + font-size: 2.5rem; margin-bottom: 2rem; } @@ -129,11 +129,19 @@ margin-bottom: 1.5rem; padding-bottom: 1rem; h2 { font-size: 1.25rem; } - h3 { font-size: 1.75rem; } + h3 { font-size: 1.25rem; } /* MATCHED: Scaled down cleanly for mobile */ } .committees-grid { grid-template-columns: repeat(2, 1fr); + + .committee-column { + .committee-head { + strong { + font-size: 1.25rem; /* MATCHED: Scaled down cleanly for mobile */ + } + } + } } } }