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

David Bell
David Bell
429 Points

Website not displaying images in 2 columns

Could anyone help me please ? I don't know how to put the code into this box without taking up a tonne of space

paste your code so we can help you

display: inline-block

Kristopher Van Sant
Kristopher Van Sant
Courses Plus Student 18,830 Points

Hey David! Don't worry about whether or not your code takes up too much space :) . Seeing the code will help us find a solution. If you'd rather not paste in the code you can take a snapshot of your workspace by clicking the camera icon in the upper right corner of your workspace (it has an arrow looking icon and and an eye next to it). Click the camera and you'll see an option to "Take Snapshot" . Once you take the snapshot a link will appear, click that link so that a browser window opens up with the snapshot of your workspace. Once it opens you'll be able to copy the link address. Once you've copied it you can paste it here and we'll be able to go to that link and see everything you've done in your workspace and help identity the problem. :) Hope that helps! We're ready to help you out once we're able to see your code! :)

David Bell
David Bell
429 Points

here is the code so far, thanks Kristopher

https://w.trhou.se/tlmn04s1xa

1 Answer

Kristopher Van Sant
PLUS
Kristopher Van Sant
Courses Plus Student 18,830 Points

Awesome, thanks for sharing the snapshot David. Take a look at your main.css file, line 83. You're missing the hash or number sign, #, before gallery.

#gallery li {
  float: left;
  width: 45%;
  margin: 2.5%;
  background-color: #f5f5f5;
  color: #bdc3c7;
}

Hope that helps! :)

David Bell
David Bell
429 Points

thanks very much, sorry I didn't see it before

Kristopher Van Sant
Kristopher Van Sant
Courses Plus Student 18,830 Points

No need to be sorry at all! It's all a part of learning to code. It helps to have an extra set of eyes, especially when you've been starting at the same code for awhile. Anytime my code isn't working or a page isn't displaying the way I expected to I always check for spelling and syntax errors because that's usually where the problem is. If I can't find the problem I'll step away and come back to it with fresh eyes.