Learn secondary navigation

botosaui · December 8, 2020, 11:51pm

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.

vmimas · December 9, 2020, 1:55am

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.

botosaui · December 9, 2020, 1:18am

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

vmimas · December 9, 2020, 1:56am

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

botosaui · December 9, 2020, 2:08am

ohhhhhhh thank you ill try that now

botosaui · December 9, 2020, 2:11am

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

vmimas · December 9, 2020, 2:17am

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.

botosaui · December 9, 2020, 2:25am

thanks. you were a BIG help.