Can you help me fix this


#1
<!DOCTYPE html>
<html>
<div class="nav">
  <div class="container">
  <body>
  
	<ul>
	  <li>Michael</li>
	  <li>Browse</li>
	</ul>
	<ul>
	  <li>Sign Up</li>
	  <li>Login</li>
	  <li>Help</li>
  </body>
</html>
<div class = "jumbotron">
  <div class = "container">
  
<h1>Welcome to my site</h1>
<p>It is the best site ever</p>
 </div>
</div>
<div class = "learn more">
<div class = "container">  
<div>
<h3>About my awesome self</h3>
<p>Randomness</p>
<p>I dont know what to put here
<a href = "#">Hmm</a>
</p>
</div>
<div>
  <h3>Stuff</h3>
  <p>Hello</h3>
  <p>
  <a href = "#"> Sup</a>
  </p>
  </div>
 <div>
    <h3>Stuff</h3>
  <p>Hello</h3>
  <p>
  <a href = "#"> Sup</a>
  </p>
 </div>
  </div>
</div>

why is my code not working:
and i want to learn this so please dont give me answer but help me fix it

Oops, try again. Add a div with the learn-more class, like this:

..
.

#2

Your closing html and body tag is placed in the middle of the code. You should move your "< /html>" and "< /body>" to the bottom.


#3

this is the new code
still same error

    <!DOCTYPE html>
<html>
  <body>
<div class="nav">
  <div class="container">
 </div>
</div>
	<ul>
	  <li>Michael</li>
	  <li>Browse</li>
	</ul>
	<ul>
	  <li>Sign Up</li>
	  <li>Login</li>
	  <li>Help</li>
	  </ul>
 </div>
    </div>
<div class = "jumbotron">
  <div class = "container">
  
<h1>Welcome to my site</h1>
<p>It is the best site ever</p>
 </div>
</div>
<div class = "learn more">
  <div class = "container">  
<div>
<h3>About my awesome self</h3>
<p>Randomness</p>
<p>I dont know what to put here
<a href = "#">Hmm</a>
</p>
</div>
<div>
  <h3>Stuff</h3>
  <p>Hello</h3>
  <p>
  <a href = "#"> Sup</a>
  </p>
  </div>
 <div>
    <h3>Stuff</h3>
  <p>Hello</h3>
  <p>
  <a href = "#"> Sup</a>
  </p>
 </div>
  </div>
</div>
  </body>
</html>

#4

:muscle: Hey :smile:
What exactly isn't working?
Do you have a CSS file?
Why are you opening and closing the Container Class and open it again?

Little tip :wink: order your divs and make a clear structure in your Code, so that you can see when you are opening and closing a tag and also commenting helps a lot especially for beginners.

Keep on going :muscle:


#5

what is not working is its not detecting my new div class :frowning:


#6

delete the space betweene = and " so that it Looks like this:

<div class ="jumbotron">


#7

it didnt fix it :frowning:
anything else?


#10

you are closing paragraphs with h3
You are missing a head section where you can link the Stylesheet!

And here you are closing divs which doesent exist.

You can edit it and I will check :wink: but i wont do the work for you
Pay attetion when you are opening and closing a tag like I said before commenting and making a structure helps a lot.


#19

im still stumped
i need help :frowning:


#20

Hi @mgracer48, please post your updated code so that I can have a look.


#21
<!DOCTYPE html>
<html>
  <body>
<div class="nav">
  <div class="container">
 </div>
</div>
<ul>
  <li>Michael</li>
  <li>Browse</li>
<ul>
  <li>Sign Up</li>
  <li>Login</li>
  <li>Help</li>
<div class="jumbotron">
  <div class="container">
  
<h1>Welcome to my site</h1>
<p>It is the best site ever</p>
 </div>
</div>
<div class="learn more">
  <div class="container">  
<h3>About my awesome self</h3>
<p>Randomness</p>
<p>I dont know what to put here
<a href="#">Hmm</a>
</p>
    <h3>Stuff</h3>
  <p>Hello
  </h3>
  <p>
  <a href="#"> Sup</a>
  </p>
 </div>
  </div>
</div>  
</div>
  </body>
</html>

#22

In your nav div

Here are your ul elements:

<ul>
  <li>Michael</li>
  <li>Browse</li>
<ul>
  <li>Sign Up</li>
  <li>Login</li>
  <li>Help</li>

They are both missing their closing tags.

Looking at the following code, you can see that your nav and container are empty:

<div class="nav">
  <div class="container">
 </div>
</div>

Those two closing tags must be placed after your second ul element.
That will finish off the nav div.

In your jumbotron div

  • It's perfect!

In your learn-more div

This one needs the most work.

I don't see the Travel, Host or Trust code that you wrote in exercises 6 and 7. You are going to have to have that code present, inside the learn-more div.

Fix up your nav and have a look at your learn-more. Any questions? Just ask.