diff --git a/app/assets/stylesheets/views/_landing_page.scss b/app/assets/stylesheets/views/_landing_page.scss index 3da2446f28..3073e3b8c9 100644 --- a/app/assets/stylesheets/views/_landing_page.scss +++ b/app/assets/stylesheets/views/_landing_page.scss @@ -22,3 +22,23 @@ text-decoration: none; } } + +// Consistent lower margins for top-level blocks +// Self-chaining the class name gives higher +// specificty and avoids the use of !important. +// +// Note the desktop size is hardcoded here as the +// govuk-spacing(x) helper does not include large +// enough sizes. + +.app-margin-bottom-responsive.app-margin-bottom-responsive { + margin-bottom: govuk-spacing(6); + + @include govuk-media-query($from: tablet) { + margin-bottom: govuk-spacing(8); + } + + @include govuk-media-query($from: desktop) { + margin-bottom: 80px; + } +} \ No newline at end of file diff --git a/app/views/landing_page/blocks/_featured.html.erb b/app/views/landing_page/blocks/_featured.html.erb index 2226e31c0d..5b4420bdde 100644 --- a/app/views/landing_page/blocks/_featured.html.erb +++ b/app/views/landing_page/blocks/_featured.html.erb @@ -1,7 +1,7 @@ <% add_view_stylesheet("landing_page/featured") %> -