nhsuk-frontend icon indicating copy to clipboard operation
nhsuk-frontend copied to clipboard

Apply grid classes from tablet (not desktop)

Open colinrotherham opened this issue 6 months ago • 1 comments

Description

This PR updates our grid column styles to be applied at tablet width (641px) not desktop (769px)

If necessary, different grid behaviour for the tablet and desktop breakpoints can be applied using new classes. For example, you can make a column one-half on tablet but expand to two-thirds on desktop sized screens.

-<div class="nhsuk-grid-column-one-half">
+<div class="nhsuk-grid-column-two-thirds nhsuk-grid-column-one-half-from-desktop">

Part of https://github.com/nhsuk/nhsuk-frontend/issues/1240

Checklist

colinrotherham avatar May 13 '25 09:05 colinrotherham

Reviewed at the Design System Review Panel and signed-off.

Just one to-do for me over on service manual: https://github.com/nhsuk/nhsuk-service-manual/issues/2268.

anandamaryon1 avatar Sep 16 '25 08:09 anandamaryon1

Thanks! For v11 yeah?

We could do with moving all the v10 releases to a support branch to free up main

colinrotherham avatar Sep 16 '25 09:09 colinrotherham