javascript-tutorial / javascript-tutorial/ko.javascript.info

[Bug report] 로컬 서버 페이지 네비게이션 레이아웃 깨짐

Open
#1,568 1 comment 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

enhancement
Dominant language
HTML
Stars
2k
Forks
852
PR merge metrics
No merged PRs in 30d

Description

🐛 Bug report

서버에러

로컬 서버 실행 시 상세 페이지 네비게이션 레이아웃이 깨져서 오른쪽 페이지 네비게이션을 제대로 사용할 수 없습니다.

예상된 기능 혹은 화면

서버에러_수정

정상적인 페이지에서는 페이지 네비게이션이 콘텐츠의 양옆에 위치하고 있어야 합니다.

환경

[OS] 맥 m1, [브라우저] 크롬

재연할 수 있는 방법

/* 기존 코드 */
.page__nav_next {
     left: 0;
     transition: top .2s;
}
/* 수정 코드 */
.page__nav_next {
     right: 0;
     transition: top .2s;
}

요소의 클래스 .page__nav_next의 속성을 left에서 right로 변경해주면 배치가 수정되면서 페이지 네비게이션 버튼도 정상적으로 동작됩니다.

Contributor guide

Open the contributing guide

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

Search the stylesheets for the .page__nav_next selector and inspect the local detail-page navigation in Chrome. Confirm that the selector's positioning matches the expected layout and verify that the next-page control works correctly on the affected page.

Written by the indexing model from the issue text.

Assessment

Tech stack
css
Domain
frontend, web-dev
Issue type
Bug
Difficulty
1/5
Estimated time
Under an hour
Activity status
Stale
Clarity
Clearly specified
Newbie friendliness
52/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.