Creating a responsive navbar

Ask the community
1

Hello there!

I’m learning Figma and I was designing a responsive navbar to test some stuff.

I think I did OK, the only problem is that the navbar is not responding like a real navbar would.
It starts losing size on the center when it should start losing size on the margins THEN the center.

How do I go about solving this issue?

Here’s the link:

Thanks in advance!

2

I was checking the Tripma project from Figma’s Product Education and their navbar does the same thing.

Also checked some YouTube tutorials and all their navbars shrink the same way.

Is there no way to make a navbar shrink like it would in a browser?