vuejs / vuejs/docs

Navbar taking extra space in Tablet view (768px Width)

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

Nobody has claimed this yet.

Dominant language
Vue
Stars
3.2k
Forks
5k
Avg merge
14d 17h
Merged PRs (30d)
1

Description

In the main page when the screen size reaches 768px, the navbar is consuming additional space, causing an impact on the entire content section. Additionally, empty spaces are being created on the right side.

Example 1:

vuejs org_marked

Example 2:

vuejs org_edit-4

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

Reproduce the issue on the main Vue.js page at a 768px viewport, using the two screenshots as references for the navbar and right-side empty space. Trace the navbar and content layout implementation to identify the responsive behavior; done means the tablet view no longer consumes extra space or leaves unintended empty space.

Written by the indexing model from the issue text.

Assessment

Domain
frontend, web-dev
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
35/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.