display: blockが効かない、liとaの高さが合わない。

Question

navのメニューボタンli幅を親要素の100%/3にして等しくしたつもりです。
1枚目の写真ではできているようなのですが、（レスポンシブでみてもできてました）
しかし縮小してブラウザ上で幅1680px？でみてみると、
li（黒い線）の幅とa（ピンク）の大きさが合っていないことに気づきました。
aにはdisplay:block;をかけています。

気にしなくて良い問題でしょうか？それともどこか根本が間違っていますか？

Answer 1

.gnav- aに、heightと(今回は顕在化しませんでしたが同じ問題を抱えた)widthを追加。
たとえば、

.g-nav a {
    (中略)
    box-sizing: border-box;
    width: 100%;
    height: 100%;
}

Answer 2

.g-nav a に適切なheightを設定すればいいかと。

heightが設定してないので、幅が狭くなると改行されて高さが変化するのが原因だと思われます。

コードは画像でなく、質問文にコピペしてもらった方が分かり安いです。