Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

CSS

Posted by DeAndre Filer
DeAndre Filer
1,967 Points

I am having trouble getting nav text to center.

/********************** General *********************/

body{ font-family:'open Sans', sans-serif; }

#wrapper { max-width: 940px; margin: 0 auto; padding: o 5%; }

a { text-decoration: none; }

img { max-width: 100%;

}

/********************** Heading *********************/

logo {

text-align: center; margin: 0; }

h1{ font-family: 'Changa one', sans-serif; margin:15px 0px; font: 1.75em; font-weight:normal; line-height:0.8em; }

h2{ font-size:0.75em; margin: -5px 0 0; font-weight: normal;

}

/********************** Navigation *********************/ nav, ul, li, a { text-align:center; padding:10px 0; margin:20px 0 0; }

/********************** Footer *********************/ footer{ font-size: 0.75em; text-align:center; padding-top: 50px; color: #ccc; }

/********************** Page: Portfolio *********************/

gallery {

margin:0; padding:0;

}

gallery , li {

width: 45%; margin: 2.5%; background-color: #f5f5f5; color: #bdc3c7; list-style:none; float: left;

}

/********************** Colors *********************/

/* site body */ body { background-color: #fff; color: #999; }

/* green header */ header{ background: #6ab47b; border-color: #599a68;

}

/* Nav background*/

nav { background: #599a68; }

/* logo text*/ h1, h2 { color: #fff; }

/links/ a{ color: #6ab47b; }

/* nav link */ nav a, nav a:visited { color: #fff;

} /* selected nav link*/

nav a.selected, nav a:hover { color:#32673f; }

I have added a snap shot as well so you will be a visual.

https://w.trhou.se/sbrs7yv77p

1 Answer

Arturo Macias
Arturo Macias
4,280 Points
Arturo Macias
Arturo Macias
4,280 Points

try this.... whitout selectors. nav {text-align: center;}

DeAndre Filer
DeAndre Filer
1,967 Points

No, the code did not work. I have been looking at the html doc to maybe catch something out of the ordinary, but I could not.

Miroslav Kovac
Miroslav Kovac
11,454 Points

Hello DeAndre,

first correct this in your index.html id="galley". There is a misstip. Should be id="gallery". But still I do not understand your question. also li elements in navigation has 45% width. It's too large I think try to use some 27-28%.

But please try to describe your problem more.

Arturo Macias
Arturo Macias
4,280 Points

in line 84 you have this error ","

gallery , li

Lukas Hansen
Lukas Hansen
11,323 Points

I'm not sure if I fork the code right, but the whole layout looks odd to me, so it might be an error on my side. It's not super clear what the problem is, but if its vertical alignment, giving the text the same line-height as the font-size might help. I'm sure you already know, but your index file is spelled with a capitalized 'i'(Index), but you link to a file with a lower case 'i'(index) in your code, so the link is broken.