Skip to content

Conversation

Fukusan64
Copy link
Collaborator

@Fukusan64 Fukusan64 commented Aug 16, 2025

  • TOPで画面幅が狭い場合に使うnavbarを実装
  • ankerlinkのスクロール位置を調整
  • ロゴを横幅に合わせて伸縮するように修正
  • refactor クラスを書く順序を整理

ナビバーが改行されるとankerlinkのスクロール位置を固定できないため
改行が起こる前に横幅1280px以下ではプルダウン式のナビバーが表示されるようにしました。

また、ankerlink先の要素にスクロール先でナビバーがぶつからないようにするために
padding-topと相殺用のmargin-top(負)を追加しています。

image

@Fukusan64 Fukusan64 self-assigned this Aug 16, 2025
Copy link
Collaborator

@mucho613 mucho613 left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

ありがとうございます!

@Fukusan64 Fukusan64 merged commit 77f4f9d into main Aug 16, 2025
2 checks passed
@Fukusan64 Fukusan64 deleted the feature/mini-navbar branch August 16, 2025 18:17
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants