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 Hector Casares
.a{fill-rule:evenodd;}techdegree
Hector Casares
Front End Web Development Techdegree Student 419 Points

No luck in 2 column layout

I am taking front end web development and on first project, during creating the page for mobile site, the pictures are suppose to show in a 2 column layout. I have reviewed the videos all over but no luck. Can you please help me out figure out what I am doing wrong?

3 Answers

Hector Casares
seal-mask
.a{fill-rule:evenodd;}techdegree
Hector Casares
Front End Web Development Techdegree Student 419 Points
Hector Casares
.a{fill-rule:evenodd;}techdegree
Hector Casares
Front End Web Development Techdegree Student 419 Points

http://port-80-w8oj7l45cp.treehouse-app.com/

Hector Casares
seal-mask
.a{fill-rule:evenodd;}techdegree
Hector Casares
Front End Web Development Techdegree Student 419 Points
Hector Casares
.a{fill-rule:evenodd;}techdegree
Hector Casares
Front End Web Development Techdegree Student 419 Points

https://w.trhou.se/kc5q2eosz2

Jennifer Nordell
seal-mask
STAFF
.a{fill-rule:evenodd;}techdegree
Jennifer Nordell
Treehouse Teacher
Jennifer Nordell
.a{fill-rule:evenodd;}techdegree
Jennifer Nordell
Treehouse Teacher

Hi there! You're actually doing really well. The problem here is that your page contains two separate unordered lists. One in the navigation and one in the gallery section. You've managed to assign the id of "gallery" to the one in your navigation instead of the one in your gallery.

You have this in your html file:

 <nav>
        <ul id="gallery">
          <li><a href="index.html"class="selected">Portfolio</a></li>
          <li><a href="about.html">About</a></li>
          <li><a href="contact.html">Contact</a></li>
        </ul>
      </nav>

Remove the id of gallery from that unordered list and put it here:

  <div id="wrapper">
      <section>
        <ul id = "gallery">

When I make these changes, everything appears as it should. Hope this helps! :sparkles: