diff --git a/CHANGELOG.md b/CHANGELOG.md index 297f62ed6b..7fe42aecfa 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -42,6 +42,14 @@ ([PR #1147](https://github.com/alphagov/govuk-frontend/pull/1147)) +- Make gutters in the header consistent with the grid + + This means that the header will now line up with the grid. + + Thanks to @edwardhorsford for raising this issue. + + ([PR #1144](https://github.com/alphagov/govuk-frontend/pull/1144)) + ## 2.5.1 (Fix release) 🔧 Fixes: diff --git a/src/components/header/_header.scss b/src/components/header/_header.scss index 1fff41de08..3536abef97 100644 --- a/src/components/header/_header.scss +++ b/src/components/header/_header.scss @@ -124,13 +124,18 @@ @include govuk-font($size: 24, $weight: bold); } + .govuk-header__logo, + .govuk-header__content { + box-sizing: border-box; + } + .govuk-header__logo { @include govuk-responsive-margin(2, "bottom"); padding-right: govuk-spacing(8); @include mq ($from: desktop) { width: 33.33%; - padding-right: 0; + padding-right: $govuk-gutter-half; float: left; vertical-align: top; } @@ -139,6 +144,7 @@ .govuk-header__content { @include mq ($from: desktop) { width: 66.66%; + padding-left: $govuk-gutter-half; float: left; } }