Okay – here is what I have to share…
I changed nav ul – to nav ul li and added padding 0 – that fixed the initial last child dropping when in full browser mode.
To correct the li’s dropping in narrow mode – I had to tweak the @media for narrow, I had to adjust the li:nth-child(5)-(8) by adding the border in there.
That did it. Good luck to ya’ll