モバイルでナビゲーションメニューが縦中央揃えになっていません

#main-outletpadding-top は 20px です[1]:

ナビゲーションバーの bottom margin は 12px です[2]:

その結果、ナビゲーションバーはヘッダーとメインコンテンツの間で垂直方向に中央揃えされていません。

image


私の提案は、ナビゲーションバーが垂直方向に中央揃えされるように、いくつかの属性/値を調整することです。


  1. 1.25em ↩︎

  2. var(--nav-space): 0.75em ↩︎