Last list anchors broken on mobile / tablet viewport

[Nooshu]

To reproduce:

• Goto: https://gds-way.cloudapps.digital/#standards
• Shrink the viewport down to approx 760px
• Try clicking on "storing source code" link
• Link not clickable due to following headings negative margin causing an overlap.

Issue caused here

h3, h4, h5, h6 {
    @include heading-offset($gutter);
  }

Proposed fix:

1. Either remove usage of the mixin in this case and add specific styling manually (less padding, no negative margin)
2. Continue to use the mixin but add an override after it's usage

Option 1 seems like the cleanest to me with minimal impact.

[philandstuff]

Thanks for the detailed error report! I've seen something similar before but it's good to see an analysis of the problem, its causes, and ways to fix it. We've added this to our backlog to take a look at it.

[Nooshu]

No problem @philandstuff. PR for option 1 here if the team are happy with the fix. If not just throw it away :)

[Nooshu]

Closing issue as it has been duplicated here.