The Nav bar is not appearing on my CodeBit


#1

This is the lesson of reference:
https://www.codecademy.com/courses/make-a-website/lessons/site-structure/exercises/add-div?action=lesson_resume

Alright, so I am making a website that will allow tutors to connect to students in their area. However, on my CodeBit, the code does not seem to function as it does in the exercise. I would like to put the "nav bar" on the left side as shown in the exercise. I even tried copying and pasting the code from the exercise itself yet for some reason it does not work. Am I missing something? Thanks in advance for any help. :slight_smile:

P.S. If you cannot find the CodeBit I was working on, here it is:
https://www.codecademy.com/iftigamer/codebits/llnrm1

LESSON CODE:

HTML:
 <div class="nav">
   <h2>
    Ollie
  </h2>
  <ul>
    <li>sign up</li>
    <li>search bikes</li>
    <li>reserve a bike</li>
    <li>about us</li>
  </ul>
   </div>

CSS:
.nav {
  background-color: #FFEE00;
  max-width: 25%;
  min-width: 140px;
  flex: 1;
}

MY CODE:

HTML:
<div class="nav">
   <h2>
    Helping <br>You<br>Succeed
  </h2>
  <ul>
    <li>Sign Up</li>
    <li>How We Work</li>
    <li>About Us</li>
  </ul>
   </div>

CSS:
.nav {
  background-color: #FFEE00;
  max-width: 25%;
  min-width: 140px;
  flex: 1;
}

#2

the href attribute of your <link> points to the name of the stylesheet, in the make a website course this was main.css, but in the codebits it is called style.css, so you should change the value of href.


#3

Wow, thanks for your help!


#5