Portfolio page: make all navs in one line when the screen is less than 374px width

1

Hi,
I am working on portfolio project. I’ve been messing around with responsive design for every break point now. I’m trying to make the navs in one line when the screen is less than 374px width (I test with iPhone 5 in dev tools), but one of the navs keeps going off the line even though I have tried to add this css code below:

nav a {
  display: inline-block;
}

Please help. This is my codepen for this project.

Thanks,
AnT

2

You have to do it like this: CSS @media Rule

@media(max-width: 375px){
  nav a {
    width: 100%;
  }
}