stage-31 fix: featured card — display:block on the new <a> wrapper
When I refactored the featured card from <section>→<a> for full-card clicking, I forgot the <a> defaults to display:inline. That collapsed the hero+overlay layout — the title rendered word-per-line down the left edge instead of spanning the hero. display:block (+ inherit color, no text-decoration) restores the layout. Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
This commit is contained in:
@@ -962,7 +962,11 @@ body.wide .net-grid { grid-template-columns: repeat(auto-fill, minmax(320px, 1fr
|
||||
@keyframes featured-pulse { 0%,100% { opacity: 0.5; transform: scale(1); } 50% { opacity: 1; transform: scale(1.3); } }
|
||||
.featured-section-meta { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; font-size: 12px; }
|
||||
.featured-section-meta .muted { color: var(--muted); font-family: ui-monospace, Menlo, monospace; }
|
||||
.featured { border-radius: 0 0 14px 14px; margin: 0; }
|
||||
.featured {
|
||||
display: block; color: inherit; text-decoration: none;
|
||||
border-radius: 0 0 14px 14px; margin: 0;
|
||||
}
|
||||
.featured:hover { text-decoration: none; }
|
||||
.featured-cta {
|
||||
display: inline-flex; align-items: center; gap: 6px; margin-top: 8px;
|
||||
font-family: var(--font-display); font-size: 11px; letter-spacing: 0.16em;
|
||||
|
||||
Reference in New Issue
Block a user