Add to Changelog

CHANGELOG.md

@@ -144,6 +144,23 @@ If you're passing custom HTML into the cookie banner component (for example, usi
 
 This change was introduced in [pull request #2432: Remove default font styles from cookie banner Sass](https://github.com/alphagov/govuk-frontend/pull/2432).
 
+#### Check your footer displays as expected
+
+We’ve made some fixes to the alignment of columns within the footer component, so they align with our grid. This involved changing the name and position of the `govuk-footer__list—-columns` classes.
+
+Replace any instances of `govuk-footer__list—-columns` classes with `govuk-footer__section—-columns`. If you're not using Nunjucks macros, you'll also need to move the classes from the `govuk-footer__list` element to the `govuk-footer__section` element. For example:
+
+```
+<div class="govuk-footer__section govuk-footer__section—-columns-2">
+  <ul class="govuk-footer__list">...</ul>
+</div>
+```
+
+We have also removed the logic which assumes a two-section layout displays as two-thirds / one-third. Check your footer displays as expected and use the `column` and `span` macro options or classes where appropriate.
+
+This change was introduced in [pull request #2462: Fix footer alignment with grid classes and add `span` macro option](https://github.com/alphagov/govuk-frontend/pull/2462).
+
+
 ### Optional changes
 
 We've recently made some other changes to GOV.UK Frontend. While these are not breaking changes, implementing them will make your service work better.
@@ -189,6 +206,28 @@ If you’re not using Nunjucks macros, add a new `data-nosnippet` attribute to t
 
 This was added in [pull request #2192: Add `data-nosnippet` to prevent cookie banner text appearing in Google Search snippets](https://github.com/alphagov/govuk-frontend/pull/2192).
 
+### New Features
+
+#### Add footer sections which span multiple columns
+
+You can now have footer sections which span multiple columns, but do not contain multiple columns of list items.
+
+The number of columns within a footer section now affects its default width. For example, a footer list with one column with display as one-third width by default. You can override this using the new `span` macro option.
+
+This may also be helpful if you want to highlight a specific link in the footer, but you also want it to align with a section below that has multiple columns of list items.
+
+To do this, use the `span` macro option - set it to `2` for a two-thirds width section, or `3` for a full width section.
+
+If you're using the HTML component, apply the appropriate class to the `govuk-footer__section` element, for example:
+
+```
+<div class="govuk-footer__section govuk-footer__section-—span-2">
+  <ul class="govuk-footer__list">...</ul>
+</div>
+```
+
+This feature was introduced in [pull request #2462: Fix footer alignment with grid classes and add `span` macro option](https://github.com/alphagov/govuk-frontend/pull/2462)
+
 ### Fixes
 
 We’ve made fixes to GOV.UK Frontend in the following pull requests: