Navigation bar

Hi Joana! Could you provide the code you wrote? It'll be much easier to tweak it and explain what went wrong.

I think there wasn't enough space to show it in a straight line

Hi Joseph! of course...I don’t now how to make this...maybe I should share you all the project?

i’ll try first to show you the part referring to the navigation in index.html and responsive.css... If is doesn’t work I will find a way to share all the project.

Thank you

<nav>
        <ul>
          <li><a href="index.html" class="selected">Portfolio</a></li>
          <li><a href="about.html">About</a></li>
          <li><a href="contact.html">Contact</a></li>
        </ul>
      </nav>

@media screen and (min-width: 660px){
nav {
  background: none;
    float: right;
    font-size: 1.125em;
    margin-right: 5%;
    text-align: right;
    width: 45%;
}

the problem only appear when the screen has the width of exactly 660px.

I think you're missing this part of the code

 nav li {
    display: inline-block;
}     

Also, try to give a certain width in pixels to the nav selector

Hello Cristina, Thank you for your answer.

I had already the display inline-block I changed the width in % and it works! but...i don’t really understand why.... I’m just starting the basics....

Ok! Thank you Ana.