From 3bc51d03cea9a490d4ea872de803bb1ba362e049 Mon Sep 17 00:00:00 2001 From: Chris Hough Date: Fri, 6 Feb 2026 18:00:40 -0800 Subject: [PATCH 1/2] fix brand subtext --- source/assets/stylesheets/pages/_home.scss | 11 ++++++++++- 1 file changed, 10 insertions(+), 1 deletion(-) diff --git a/source/assets/stylesheets/pages/_home.scss b/source/assets/stylesheets/pages/_home.scss index c3d9627..70dd601 100644 --- a/source/assets/stylesheets/pages/_home.scss +++ b/source/assets/stylesheets/pages/_home.scss @@ -101,14 +101,23 @@ $blueprint-accent: $ember; // Technical orange from design system } .blueprint-badge { - display: inline-flex; + display: flex; align-items: center; + justify-content: center; gap: $space-2; padding: $space-2 $space-4; background: rgba($blueprint-blue, 0.1); border: 1px solid $blueprint-blue; border-radius: $radius-sm; margin-bottom: $space-6; + width: fit-content; + margin-left: auto; + margin-right: auto; + + @media (min-width: map-get($grid-breakpoints, sm)) { + margin-left: 0; + margin-right: 0; + } .badge-text { font-family: $font-mono; From 1dbc1a92ad74aaa16aec6a74617d437ada707c80 Mon Sep 17 00:00:00 2001 From: Chris Hough Date: Fri, 6 Feb 2026 18:02:13 -0800 Subject: [PATCH 2/2] update changelog --- CHANGELOG.md | 19 +++++++++++++++++++ 1 file changed, 19 insertions(+) diff --git a/CHANGELOG.md b/CHANGELOG.md index 2b644ab..1a55022 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -33,6 +33,24 @@ No unreleased changes at this time. --- +## [5.1.1] - 2026-02-06 + +### Fixed + +- **Brand Badge Alignment**: Fixed `.blueprint-badge` centering on mobile viewports + - Changed from `inline-flex` to `flex` with `justify-content: center` + - Badge now centers horizontally on small screens via `width: fit-content` with auto margins + - Left-aligns at `sm` breakpoint and above for desktop layout consistency + +### Developer Notes + +**Files Modified:** +- `source/assets/stylesheets/pages/_home.scss` - Blueprint badge responsive alignment + +**Reference**: Feature branch `feature/version_five_1_1` + +--- + ## [5.1.0] - 2026-02-05 ### Changed @@ -795,6 +813,7 @@ The first tagged release of the personal branding website. | Version | Date | Type | Key Changes | LOC Impact | |---------|------|------|-------------|------------| +| 5.1.1 | 2026-02-06 | Patch | Fix brand badge mobile alignment | Minimal | | 5.1.0 | 2026-02-05 | Minor | Button refactor, iPad responsive fixes, legacy cleanup | -3,800 lines | | 5.0.0 | 2026-02-03 | Major | Visual redesign, blueprint aesthetic, SVG schematics, Ruby 4.0.0 | New design system, +3 gems | | 4.0.0 | 2025-12-01 | Major | Infrastructure modernization, dependency restoration, environment config | +6 packages, 100% linter compliance |