search

nhsuk / nhsuk-frontend

NHS.UK frontend contains the code you need to start building user interfaces for NHS websites and services.
https://nhsuk.github.io/nhsuk-frontend/
MIT License
623 stars 107 forks source link

Full width grid container #416

Closed chrimesdev closed 5 years ago

chrimesdev commented 5 years ago

We've seen a need for new designs to support a full-width page design, spanning the entire width of the viewport. For example to fit content such as large data tables on the page without restricting it to a 'letterbox' design.

The current nhsuk-width-container is restricted to a max width of 960px. This could be modified to allow the 960px to be customisable via variables or an additional nhsuk-width-container class to give a full width layout with the relevant spacing and guttering. Similar to container and container-fluid classes used in the Bootstrap framework.

chrimesdev commented 5 years ago

The documentation for the Layout/Grid will also need information adding about the full-width container. It also might be an opportunity for re-writing some of the Grid pages on the Service Manual, as some classes aren't used any more and some of the guidance is incorrect.

chrimesdev commented 5 years ago

Released in version 2.1.0.