Learn secondary navigation

https://www.codecademy.com/paths/front-end-engineer-career-path/tracks/fecp-improved-styling-with-css/modules/fecp-learn-secondary-navigation/lessons/ui-breadcrumb-nav/exercises/ui-breadcrumb-nav-where

Hello again. im trying to center the Nav and keep it under the banner. im not sure where im going wrong with those two. please help.

image

Problem: The .breadcrumb ul css selector selects <ul> tags within any tag with a breadcrumb class. However, your <ul> IS the tag with a class="breadcrumb".

Solution: Change .breadcrumb ul { to .breadcrumb {. Alternatively, you can use ul.breadcrumb { to select any <ul> with a class of breadcrumb, but is not necessary.

Thanks! did you mean change it do “.bredcrumb li (not ‘ul’{}”

Not quite. Just .breadcrumb. Sorry, there was a typo in my original response.

ohhhhhhh thank you ill try that now

it works, thanks! now to get the nav out of the banner should i move it down in t he HTML

Yep. Right now your breadcrumb is nested inside the div class="jumbotron">, and thus renders over the jumbotron background-image, you want to move the entire <ul class="breadcrumb">...</ul> below it.

image

thanks. you were a BIG help.

1 Like