jeffemmett
/
swb-website
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

banner tweaks

This commit is contained in:
Jeff Emmett 2025-04-09 17:03:23 -07:00
parent aa93ea2a42
commit 4fecd05ea9
1 changed files with 18 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
css/styles.css
View File

@ -176,19 +176,25 @@ header {
/* Page banner */ /* Page banner */
.page-banner { .page-banner {
height: 40vh; height: 40vh; /* Set to 40% of viewport height */
min-height: 300px; min-height: 300px;
display: flex; display: flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
color: white; color: white;
text-align: center; text-align: center;
margin-top: 80px; margin-top: 80px; /* Match header height plus some spacing */
} }
.page-banner h1 { .page-banner h1 {
color: white; color: white;
font-size: 3rem; font-size: 3rem;
margin-bottom: 1rem;
}
.page-banner p {
font-size: 1.25rem;
opacity: 0.9;
} }
/* Hero section */ /* Hero section */
@ -294,9 +300,19 @@ footer {
font-size: 2.5rem; font-size: 2.5rem;
} }
.page-banner {
height: 30vh;
min-height: 200px;
margin-top: 60px; /* Adjusted for smaller header on mobile */
}
.page-banner h1 { .page-banner h1 {
font-size: 2.5rem; font-size: 2.5rem;
} }
.page-banner p {
font-size: 1.1rem;
}
} }
@media (max-width: 480px) { @media (max-width: 480px) {
@ -304,10 +320,6 @@ footer {
font-size: 2rem; font-size: 2rem;
} }
.page-banner h1 {
font-size: 2rem;
}
.btn { .btn {
padding: 0.7rem 1.2rem; padding: 0.7rem 1.2rem;
font-size: 0.9rem; font-size: 0.9rem;