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 How to Make a Website Responsive Web Design and Testing Adjust the Profile Page and Header

Posted by Ali Eljayar
Ali Eljayar
1,135 Points

The portfolio, about, and contact appear only when i hover on them with white color.

header { background: #6ab47b; border-color: #599a68; } /* nav background on mobile / 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:#fff; }

Mate Maksan
Mate Maksan
2,395 Points
Mate Maksan
Mate Maksan
2,395 Points

Thats because your background color and your link colora are both same value: #6ab47b; Change background or link color to correct that.

2 Answers

Fidel Torres
Fidel Torres
25,286 Points
Fidel Torres
Fidel Torres
25,286 Points

As Matt commented the reason is same colour in the two items

header{
background-color: #6ab47b;
}
a{
color: #6ab47b;
}

solution: change one of the colors

HOPE it helps...

Jared Rushton
Jared Rushton
843 Points
Jared Rushton
Jared Rushton
843 Points

The above answers are correct.

Try chaining the background-color to a darker colour such as #599a68. This will add a bit more contrast to the header and will cause your links to "jump" out more.