Add '75 character per line' limit to Layout guidance

alphagov · Aug 19, 2021 · 550533a · 550533a
1 parent 52a8a6a
commit 550533a
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/src/patterns/check-answers/index.md.njk b/src/patterns/check-answers/index.md.njk
@@ -30,9 +30,9 @@ Check answers pages help to:
 
 ### Choose the right layout for the page
 
-Many services ask users for short answers, which are suitable for a layout that takes up two-thirds of the screen. For example, the 'Check your answers before submitting your application' page included in this guidance.
+Many services ask users for short answers, which are suitable for a layout that takes up two-thirds of the screen on desktop devices. For example, the 'Check your answers before submitting your application' page included in this guidance.
 
-Using a two-thirds layout reduces line lengths, which makes text easier for some users to read. It also means the action links are closer to the other content on the page. This means users with screen magnifiers are less likely to miss the links.
+Using a two-thirds layout stops lines of text getting so long that the page becomes difficult to read. [To learn more about line length, see ['Layout'](/styles/layout/). It also means the action links are closer to the other content on the page. Users with screen magnifiers are less likely to miss them.
 
 However, if your service asks users for longer or more detailed answers, a full width layout may be more suitable.
 

diff --git a/src/styles/layout/index.md.njk b/src/styles/layout/index.md.njk
@@ -13,7 +13,7 @@ show_page_nav: true
 
 Design for small screens first, starting with a single-column layout.
 
-For most types of page, we recommend using either a 'two-thirds' or a 'two-thirds / one third layout'. That stops lines of text getting so long that the page becomes difficult to read on desktop devices.
+For most types of page, we recommend using either a 'two-thirds' or a 'two-thirds and one third layout'. That stops lines of text getting so long that the page becomes difficult to read on desktop devices. This would usually mean no more than 75 characters per line.
 
 Never make assumptions about what devices people are using. Design for different screen sizes rather than specific devices.