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

HTML How to Make a Website Styling Web Pages and Navigation Style the Portfolio

Ashot Hakobyan
Ashot Hakobyan
452 Points
Posted by Ashot Hakobyan
Ashot Hakobyan
452 Points

Images will not fall into 2 columns. Can anyone help, please?

When I resize the window, the page resizes as well but into one columns instead of two as it was in the video.

This is my workspace: https://teamtreehouse.com/workspaces/12281282

2 Answers

Krzysztof Kucharzyk
seal-mask
.a{fill-rule:evenodd;}techdegree
Krzysztof Kucharzyk
Front End Web Development Techdegree Student 4,005 Points
Krzysztof Kucharzyk
.a{fill-rule:evenodd;}techdegree
Krzysztof Kucharzyk
Front End Web Development Techdegree Student 4,005 Points

I can't check your code atm but i assume you have only one li tag. You have to include a li tag around each of your images, like so:

<li>
      <a href="img/numbers-01.jpg"></a>
      <img src="img/numbers-01.jpg" alt="">
      <p>Industry leading UX Research</p>
</li>
<li>
      <a href="img/numbers-02.jpg"></a>
      <img src="img/numbers-02.jpg" alt="">
      <p>Industry leading UX Research</p>
</li>
<li>
      <a href="img/numbers-06.jpg"></a>
      <img src="img/numbers-06.jpg" alt="">
      <p>Industry leading UX Research</p>
</li>
<li>
      <a href="img/numbers-09.jpg"></a>
      <img src="img/numbers-09.jpg" alt="">
      <p>Industry leading UX Research</p>              
</li>
Ashot Hakobyan
Ashot Hakobyan
452 Points
Ashot Hakobyan
Ashot Hakobyan
452 Points

Krzysztof thanks for the help, What I need to do for you to be able to see the code?

Krzysztof Kucharzyk
seal-mask
.a{fill-rule:evenodd;}techdegree
Krzysztof Kucharzyk
Front End Web Development Techdegree Student 4,005 Points
Krzysztof Kucharzyk
.a{fill-rule:evenodd;}techdegree
Krzysztof Kucharzyk
Front End Web Development Techdegree Student 4,005 Points

If this helped then it's ok, I cant see your code cause I'm at work but the problem you have is a common thing, so I guessed lacking of li tag was a problem in this challenge.

Joshua Baugher
Joshua Baugher
1,569 Points
Joshua Baugher
Joshua Baugher
1,569 Points

i actually just ran into the exact same issue with the tags. thanks for the insight krzysztof!