Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Eyebrow: Incorrect spacing at mobile #1774

Closed
natalia-fitzgerald opened this issue Oct 6, 2023 · 1 comment
Closed

Eyebrow: Incorrect spacing at mobile #1774

natalia-fitzgerald opened this issue Oct 6, 2023 · 1 comment

Comments

@natalia-fitzgerald
Copy link
Contributor

Describe the bug
Margin between the Eyebrow and the Heading 1 at mobile is set to 30px and 15px at desktop. The space should be 15px at both mobile and desktop.

To Reproduce
Steps to reproduce the behavior:

  1. Go to '(https://cfpb.github.io/design-system/foundation/headings#eyebrow-heading)'
  2. View at mobile and desktop
  3. Inspect spacing between the Eyebrow and Heading 1

Expected behavior
The margin between the Eyebrow and Heading 1 should be 15px at both mobile and desktop.

Screenshots

Live in the DS

Desktop Mobile
Screenshot 2023-10-06 at 5 23 04 PM Screenshot 2023-10-06 at 5 23 34 PM

Corrected spacing

Desktop Mobile
Screenshot 2023-10-06 at 5 26 28 PM Screenshot 2023-10-06 at 5 27 17 PM
@natalia-fitzgerald
Copy link
Contributor Author

Closing: Duplicative with: #1773

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
1 participant
@natalia-fitzgerald