I am needing some major help with my custom nav bar. I can’t seem to get it to be responsive on different screen sizes for desktop (mobile will go to the hamburger menu). When I adjust the size of the screen, the wording gets smushed and falls off of the page. Is there a better way for me to go about doing this? I have tried with both flexbox and grid and I can’t seem to achieve what I want.
My goal is to have all of the Menu options spaced evenly and set to the far sides of the screen with some padding on both left and right. When the screen gets smaller, just have them move closer to the logo, and then again, tablet and smaller will go to the hamburger style menu.