git / git/git-scm.com

Build from Source’ tab partially hidden in mobile view on Install page

Open
#2,106 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
HTML
Stars
2.4k
Forks
1.4k
Avg merge
6d 12h
Merged PRs (30d)
2

Description

Image

URL : https://git-scm.com/install/source

Expected Behavior

All tabs (“Windows”, “macOS”, “Linux”, “Build from Source”) should be fully visible or scrollable horizontally when viewed on small screens.

Actual Behavior

The “Build from Source” tab is not fully visible, with part of the text clipped off-screen.

Problem

When viewing the “Install” page on smaller screen widths (e.g., mobile or narrow desktop windows), the “Build from Source” tab on the right side of the tab menu gets partially hidden.
Users can only see part of the text, and it’s not possible to scroll horizontally to view the full label.

This causes usability and accessibility issues for mobile users.

Operating System and Browser

OS: Ubuntu 24.04 LTS

Browser: brave

Steps to Reproduce

Go to https://git-scm.com/install/source

Resize the browser window to a width around 400–500px.

Observe that the “Build from Source” tab on the right side becomes cut off and partially hidden.

Possible Solution

A simple CSS fix could solve this issue.
Adding the following CSS to the tab container may help

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

Open the Install page at /install/source and reproduce the clipped tab at a width of about 400–500px. Inspect the tab container’s HTML and CSS, then verify that all four tabs are fully visible or horizontally scrollable on narrow screens.

Written by the indexing model from the issue text.

Assessment

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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.