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
616 stars 107 forks source link

Increase reading width #462

Closed davidhunter08 closed 5 years ago

davidhunter08 commented 5 years ago

Problem

When the base font size changed from 19px to 16px, the nhsuk-u-reading-width utility class became smaller.

Live site - 37em, base font size 19px:

Screenshot 2019-06-10 at 12 03 25

Frontend - 37em, base font size 16px:

Screenshot 2019-06-10 at 12 03 59

Frontend - 44em, base font size 16px :

Screenshot 2019-06-10 at 12 04 14

Solution:

Increase reading width value from 37em to 44em.

.nhsuk-u-reading-width {
  max-width: 44em;
}
chrimesdev commented 5 years ago

Fixed in 2.2.0