monoadmin/the-other-dude
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(docs): center content sections to match hero layout

Browse Source 
Section labels, titles, descriptions, and closing statements are now
centered. Bullet lists remain left-aligned within their centered
container for readability. Fixes visual disconnect between centered
hero and left-justified content sections.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Jason Staack
2026-03-09 23:00:34 -05:00
parent 0aa09260db
commit ff09382e3a
1 changed files with 22 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
docs/website/style.css
View File

@@ -463,6 +463,13 @@ ul, ol {
padding: 120px 0; padding: 120px 0;
} }
.features-section .container {
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
}
.section-label { .section-label {
color: var(--accent); color: var(--accent);
font-family: "Outfit", sans-serif; font-family: "Outfit", sans-serif;
@@ -480,6 +487,7 @@ ul, ol {
color: var(--text-primary); color: var(--text-primary);
margin-bottom: 16px; margin-bottom: 16px;
letter-spacing: -0.02em; letter-spacing: -0.02em;
max-width: 700px;
} }
.section-desc { .section-desc {
@@ -499,14 +507,15 @@ ul, ol {
.content-list { .content-list {
list-style: none; list-style: none;
max-width: 600px; max-width: 520px;
padding: 0; padding: 0;
text-align: left;
} }
.content-list li { .content-list li {
position: relative; position: relative;
padding-left: 24px; padding-left: 24px;
margin-bottom: 12px; margin-bottom: 14px;
color: var(--text-secondary); color: var(--text-secondary);
font-size: 1.05rem; font-size: 1.05rem;
line-height: 1.6; line-height: 1.6;
@@ -527,13 +536,6 @@ ul, ol {
background: var(--bg-surface); background: var(--bg-surface);
} }
.cta-tagline {
color: var(--text-secondary);
font-size: 1.15rem;
font-style: italic;
margin-bottom: 32px;
}
.features-grid { .features-grid {
display: grid; display: grid;
grid-template-columns: repeat(3, 1fr); grid-template-columns: repeat(3, 1fr);
@@ -977,14 +979,22 @@ ul, ol {
letter-spacing: -0.02em; letter-spacing: -0.02em;
} }
.cta-subtitle { .cta-subtitle,
.cta-desc {
color: var(--text-secondary); color: var(--text-secondary);
font-size: 1.1rem; font-size: 1.1rem;
max-width: 500px; max-width: 550px;
margin: 0 auto 40px; margin: 0 auto 20px;
line-height: 1.7; line-height: 1.7;
} }
.cta-tagline {
color: var(--text-muted);
font-size: 1.1rem;
font-style: italic;
margin: 0 auto 40px;
}
.cta-actions { .cta-actions {
display: flex; display: flex;
gap: 16px; gap: 16px;