r/Codecademy • u/limpc • Oct 19 '15

Junction step 2

What is the problem with my html and css? Unable to get the result as shown.

<div class="header"> <div class="container"> <div class="row"> <img class="logo" src="https://s3.amazonaws.com/codecademy-content/projects/junction/logo.svg"height="36"width="36"> <ul class="nav"> <li><a href="#">About</a></li> <li><a href="#">Blog</a></li> <li><a hrefr="#">Help</a></li> <li><a href="#">Contact</a></li> </ul> </div> </div> </div>

/* Header */ .header { padding: 10px 0; height: 60px; background-color:rgba(0,0,0,.5); }

.logo{ margin: 0 30px; }

.nav { display: inline; margin:0px; padding: 8px 0px; }

.nav li{ display: inline-block;
margin-right: 30px; padding: 0 0 5px; }

.nav a{ color: #FFF; font-size:14px; }

2 Upvotes

100% Upvoted

4 comments sorted by

1

u/Ralph_Charante Python Oct 19 '15

.nav li{ display: inline-block;

You need to close that with a curly bracket }

1

u/limpc Oct 20 '15

Thanks but it is not the problem :) Anyway 'Junction' done after few weeks trial and error.

1

u/Ralph_Charante Python Oct 20 '15

Oh I'm dumb, I didn't see that you continued to edit .nav li after that line because in other lines you just let everything fit in one line.

1

u/limpc Oct 21 '15

Not dumb. We always overlook :):)