DeCentN2Madness/aia-website
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(director): align layout and typography with live site

Browse Source 
Narrows the photo column to match the live site's ~1:3.6 split,
stacks photo above name as an h3, italicises the quote, and styles
the name line with body font at caption scale.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Jeff Hales
2026-06-09 15:14:22 -07:00
parent 1bc0224f76
commit 5f4fbd5e05
2 changed files with 8 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
www/src/styles/components.css
+4 -2
View File
@@ -131,8 +131,10 @@
.process-grid div { background: white; min-height: 190px; padding: 3.2rem 1rem; position: relative; text-align: center; transition: transform .3s ease-in-out; }
.process-grid div:hover { transform: scale(1.05); z-index: 1; }
.process-grid img { margin: 0 auto 1rem; width: 42%; }
.director-card { align-items: center; display: flex; gap: 1.5rem; }
.director-card img { max-height: 260px; width: auto; }
.director-layout { grid-template-columns: 1fr 3.6fr; }
.director-card { text-align: left; }
.director-card img { border-radius: 3px ;height: auto; margin: 0 auto; width: 100%; }
.director-card h3 { font-family: var(--font-body); font-size: .84rem; letter-spacing: .5px; margin-top: 1rem; }
.signature { max-width: 270px; }
.testimonial-section blockquote { margin: 2rem auto; max-width: 720px; text-align: center; }
.testimonial-dots { color: var(--color-accent-strong); letter-spacing: .9rem; text-align: center; }