processing / processing/p5.js-website

[Mobile] The links under "Jump to" are misaligned from unnecessary margins

Open Beginner friendly
#1,554 5 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Bug Good First Issue
Dominant language
MDX
Stars
96
Forks
322
Avg merge
5d 22h
Merged PRs (30d)
8

Description

Most appropriate sections of the p5.js website?

Reference

What is your operating system?

None

Web browser and version

No response

Actual Behavior

On mobile view, the links under "Jump to" look misaligned, due to some of the links having margin-top applied.

Image
Expected Behavior

On mobile, the "Jump to" navigation section should look like this:

Image
Steps to reproduce

No response

Would you like to work on the issue?

No

Contributor guide

No contributing guide indexed for this repository

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.

Research direction

Locate the mobile "Jump to" navigation and inspect the styles applying margins to its links. Compare the current layout with the provided expected mobile image, then verify that the links are aligned consistently in a mobile browser view.

Written by the indexing model from the issue text.

Assessment

Tech stack
css
Domain
frontend, web-dev
Issue type
Bug
Difficulty
2/5
Estimated time
1-3 hours
Activity status
Quiet
Clarity
Mostly clear
Newbie friendliness
68/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.