nhsuk-frontend
nhsuk-frontend copied to clipboard
Apply grid classes from tablet (not desktop)
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
- [x] Tested against our testing policy (Resolution, Browser & Accessibility)
- [x] Follows our coding standards and style guide
- [x] CHANGELOG entry
Quality Gate passed
Issues
0 New issues
0 Accepted issues
Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code
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.
Thanks! For v11 yeah?
We could do with moving all the v10 releases to a support branch to free up main
Quality Gate passed
Issues
0 New issues
0 Accepted issues
Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code
Quality Gate passed
Issues
0 New issues
0 Accepted issues
Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code