Navbar not responsive beyond 360 px and prevent it's elements from shrinking

Hey guys, I am trying to replicate the FCC product landing page and when I shrink the screen to less than 360px, my logo and my nav-links shrink along with it unlike the FCC example where everything stops shrinking beyond 360px.
I have added media queries to handle the responsive navbar for screen sizes less than 650px and 600px but I am unable to figure out how to make it responsive beyond 360px.
I tried looking at the FCC code but could not find this case handled anywhere.
Am I missing anything trivial?
Thanks in advance.

My code so far.

On the left is the FCC navbar whose items do not shrink and on the left is mine that does shrink.
fcc-navbar

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