Skip to content

Use grid module for StandardLayout, introduce vertical rules#15428

Draft
frederickobrien wants to merge 3 commits intomainfrom
grid-api-for-standard-layout
Draft

Use grid module for StandardLayout, introduce vertical rules#15428
frederickobrien wants to merge 3 commits intomainfrom
grid-api-for-standard-layout

Conversation

@frederickobrien
Copy link
Contributor

@frederickobrien frederickobrien commented Feb 25, 2026

What does this change and why?

This refactors the StandardLayout to use the grid module, hopefully making it easier to reason with and style. This is with one eye on header standardisation work by @guardian/articles-and-publishing as well as a potential revamp of the interactive layout (see #15358).

As part of this I've had a stab at introducing verticalRules to the grid module, allowing for lines to be added if they're wanted. This first pass at it feels a bit clunky - something that's pure CSS using :before or some such would be nice - but it works by god.

Context

Screenshots

Before After
image image
image image

@frederickobrien frederickobrien self-assigned this Feb 25, 2026
@frederickobrien frederickobrien added the maintenance Departmental tracking: maintenance work, not a fix or a feature label Feb 25, 2026
@frederickobrien frederickobrien added this to the Visuals milestone Feb 25, 2026
@frederickobrien frederickobrien force-pushed the grid-api-for-standard-layout branch from c8e046d to b0f4bf5 Compare February 25, 2026 16:56
@frederickobrien frederickobrien changed the title Use Grid API for StandardLayout Use grid API for StandardLayout Feb 25, 2026
@frederickobrien frederickobrien force-pushed the grid-api-for-standard-layout branch from bb14535 to b752a6f Compare February 27, 2026 14:21
@frederickobrien frederickobrien changed the title Use grid API for StandardLayout Use grid module for StandardLayout, introduce vertical rules Feb 27, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

maintenance Departmental tracking: maintenance work, not a fix or a feature

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant