Hacktoberfest 2026: the issues maintainers tagged for October, open and beginner-friendly. Browse Hacktoberfest issues

[UI]: "Learn more →" link misaligned on mobile/responsive view of Cloud Native Deployments by Diagram page

Closed Beginner friendly
#8,155 3 comments 0 reactions 0 assignees View on GitHub

Maintainers usually reply within 2 days

Nobody has claimed this yet.

Assessment

Difficulty
2/5
Estimated time
1-3 hours
Newbie friendliness
72/100
Issue type
Bug
Clarity
Mostly clear
Activity status
Active
Tech stack
javascript

Research direction

Start from the implementation of the Cloud Native Deployments by Diagram page and inspect the responsive styles for the “Learn more →” link alongside its heading and description. Reproduce the issue in Microsoft Edge DevTools responsive mode, then verify that the link is centered on mobile and responsive viewports while the desktop layout remains unchanged.

Written by the indexing model from the issue text.

Description

framework/gatsby help wanted kind/bug
Description

On the Cloud Native Deployments by Diagram page, the "Learn more →" link is not properly aligned on responsive/mobile screen sizes.

The surrounding heading and description are centered, while the "Learn more →" link appears offset toward the left on smaller viewport sizes.

Expected Behavior

The "Learn more →" link should be properly centered/aligned with the surrounding content on responsive and mobile layouts, while preserving the existing desktop layout.

Screenshots

The issue can be observed in the attached screenshot on a responsive/mobile viewport.

Image Image Image
Environment:
  • Host OS: Windows
  • Browser: Microsoft Edge (DevTools responsive mode)
  • Viewport: Responsive/mobile
Dominant language
JavaScript
Stars
1.1k
Forks
1.6k
Avg merge
4d 56m
Merged PRs (30d)
35

Getting set up

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

More from layer5io/layer5

All issues in layer5io/layer5

Similar issues

More JavaScript issues

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.