Welcome to the Treehouse Community

The Treehouse Community is a meeting place for developers, designers, and programmers of all backgrounds and skill levels to get support. Collaborate here on code errors or bugs that you need feedback on, or asking for an extra set of eyes on your latest project. Join thousands of Treehouse students and alumni in the community today. (Note: Only Treehouse students can comment or ask questions, but non-students are welcome to browse our conversations.)

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and a supportive community. Start your free trial today.

CSS

James Barnett
James Barnett
39,199 Points

Fun CSS Exercise: Re-create the look & feel of Treehouse's top nav bar

As a fun challenge for my CSS positioning skills, I re-created the Treehouse top nav bar, including the notifications, the search bar and settings menu.

Here's how I did it: http://codepen.io/jamesbarnett/full/gChkn

I'd be interested to see how others would do it.

5 Answers

kyle rees
kyle rees
1,480 Points

nice work not sure how id do it im not yet that good in css

James Barnett
James Barnett
39,199 Points

kyle rees - I learned all of my CSS from 2 sources, the Treehouse CSS course and learnlayout.com.

John Locke
John Locke
15,479 Points

Amazing work, James!

Pretty nice!