Can anyone help me fix positioning [JS + CSS - codepen/is not FCC project]


I have this navigation that hovers and slides , but when it reaches last item, positions itself too close towards the end and does not give desired effect, which is to stay away from edge, like it is in the start. What should I do to fix it?

Add a border around the labels and I think you’ll see why this is happening.

I did and now I see that they’re moved to the right with every single nav menu hover it’s moved more.

But I’m unsure what’s moving them and how to fix.

OK, I fixed by fixing

// Get the width of each tab label
const tabWidth = 200;

sometimes less code is better, I guess.

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.