In /workspaces/nhs-notify-web-cms-dev/docs/_sass/_nhsnotify.scss I added the line 'flex-wrap: wrap;' in the following code:

emmagifford · web-flow · commit 02293602202e · 2024-11-11T17:32:29.000Z
.nhsuk-header__navigation-list {
  justify-content: flex-start;
  flex-wrap: wrap;
}

This is an interim step to make the main nav list items wrap correctly when the site is viewed on a mobile device. It's not our ultimate solution but it makes the site more mobile responsive and accessible.
diff --git a/docs/_sass/_nhsnotify.scss b/docs/_sass/_nhsnotify.scss
@@ -69,6 +69,7 @@
 
 .nhsuk-header__navigation-list {
   justify-content: flex-start;
+  flex-wrap: wrap;
 }
 
 .nhsuk-header__navigation-link {

Original file line number	Diff line number	Diff line change
`@@ -69,6 +69,7 @@`
`69`	`69`
`70`	`70`	`.nhsuk-header__navigation-list {`
`71`	`71`	`justify-content: flex-start;`
	`72`	`+ flex-wrap: wrap;`
`72`	`73`	`}`
`73`	`74`
`74`	`75`	`.nhsuk-header__navigation-link {`