mark
/
msos
0
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

About Us hero: align overlaid title to the top (off people's faces) 

Switch the hero content from vertical-centre to top-aligned so the title/text sit
in the upper background area of the rotating group photos instead of over faces.

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
popovskik 2026-08-05 18:52:21 +02:00
parent 2d2e422372
commit f309a90e1f
1 changed files with 2 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
css/pages/_about.css
View File

@ -468,7 +468,8 @@
.about-hero { .about-hero {
position: relative; left: 50%; transform: translateX(-50%); position: relative; left: 50%; transform: translateX(-50%);
width: 100vw; min-height: clamp(440px, 60vw, 640px); width: 100vw; min-height: clamp(440px, 60vw, 640px);
display: flex; align-items: center; justify-content: center; text-align: center; /* Align text to the upper area so it sits above people's faces, not over them. */
display: flex; align-items: flex-start; justify-content: center; text-align: center;
overflow: hidden; margin: 0 0 8px; overflow: hidden; margin: 0 0 8px;
} }
.about-hero-slide { .about-hero-slide {