Skip to content

fix: header layout#377

Open
lee-chase wants to merge 2 commits intomainfrom
fixHeaderLayout
Open

fix: header layout#377
lee-chase wants to merge 2 commits intomainfrom
fixHeaderLayout

Conversation

@lee-chase
Copy link
Member

Fixes #374

Headers with images to one side are often tricky to produce neatly within a formal column layout system as defined by Carbon.

This PR hosts the whole header in a single column and uses CSS directly, following the spirit of Carbon, to provide a more pleasing responsive behaviour. The aspect ratio was also not providing us with any benefit on narrower screens as the content, constrained by width, grew taller than the ratio.

##Before large
image

After large

image

Before 1057px

image

After 1057px

image

Before 1055px

image

After 1055px

image

Before 672px

image

After 672px

image

Before 640px

image

After 640px

image

Before 320px

image

After 320px

image

@lee-chase lee-chase requested a review from rodet as a code owner January 16, 2026 18:06
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

At various sizes the header is not as visually pleasing

1 participant